js 二进制 base64编码

基础概念： JavaScript 中的二进制数据可以通过 ArrayBuffer 或 TypedArray 对象来表示。Base64 编码是一种将二进制数据转换为 ASCII 字符串的方法，以便于在不支持二进制传输的环境（如电子邮件）中传输。Base64 编码后的字符串由 A-Z、a-z、0-9、+、/ 和 =（填充字符）组成。

优势：

兼容性好：Base64 编码后的数据可以在大多数文本编辑器和浏览器中正常显示。
易于传输：编码后的数据只包含 ASCII 字符，便于在不支持二进制传输的环境中传输。

类型：

Base64：标准的 Base64 编码。
URL-Safe Base64：将标准 Base64 中的 + 和 / 分别替换为 - 和 _，以便在 URL 中使用。

应用场景：

图片编码：将图片文件转换为 Base64 编码的字符串，可以直接嵌入到 HTML 或 CSS 中。
数据传输：在 AJAX 请求中传输二进制数据时，可以先将其转换为 Base64 编码。

示例代码：

// 将二进制数据转换为 Base64 编码
function arrayBufferToBase64(buffer) {
    let binary = '';
    const bytes = new Uint8Array(buffer);
    const len = bytes.byteLength;
    for (let i = 0; i < len; i++) {
        binary += String.fromCharCode(bytes[i]);
    }
    return btoa(binary);
}

// 将 Base64 编码转换为二进制数据
function base64ToArrayBuffer(base64) {
    const binary_string = atob(base64);
    const len = binary_string.length;
    const bytes = new Uint8Array(len);
    for (let i = 0; i < len; i++) {
        bytes[i] = binary_string.charCodeAt(i);
    }
    return bytes.buffer;
}

// 示例：读取图片文件并转换为 Base64 编码
const input = document.createElement('input');
input.type = 'file';
input.onchange = function(event) {
    const file = event.target.files[0];
    const reader = new FileReader();
    reader.onload = function(e) {
        const base64 = arrayBufferToBase64(e.target.result);
        console.log('Base64 编码:', base64);
    };
    reader.readAsArrayBuffer(file);
};
document.body.appendChild(input);

遇到的问题及解决方法：