jS将图片文件转Base64

在JavaScript中，将图片文件转换为Base64编码通常用于在线上传、显示图像或者发送数据到服务器等场景，无需直接保存文件。以下是一个简单的示例，展示如何通过File API完成这个操作：

function convertImageToBase64(file) {
    return new Promise((resolve, reject) => {
        const reader = new FileReader();
        reader.onload = function(e) {
            resolve(e.target.result);
        };
        reader.onerror = reject;
        reader.readAsDataURL(file);
    });
}

// 使用方法
const fileInput = document.getElementById('file-input'); // 获取输入框元素
fileInput.addEventListener('change', async () => {
    try {
        const selectedFile = fileInput.files[0]; // 取得选中的文件
        const base64String = await convertImageToBase64(selectedFile);
        console.log('Base64 encoded image:', base64String);
    } catch (error) {
        console.error('Failed to convert image:', error);
    }
});

在这个例子中，用户选择图片后，`convertImageToBase64`函数会读取文件内容并返回Base64字符串。