JavaScript对图片进行转码为base64

在JavaScript中，将图片转换为Base64编码是一种常见的操作，通常用于在线存储或发送图片数据，而不是直接从服务器加载。你可以使用`FileReader` API来实现这个功能。以下是一个简单的示例：

function imageToBase64(file) {
    return new Promise((resolve, reject) => {
        const reader = new FileReader();
        
        reader.onload = function(e) {
            resolve(e.target.result); // e.target.result就是Base64编码的数据
        };
        
        reader.onerror = function() {
            reject(reader.error);
        };

        if (file) {
            reader.readAsDataURL(file); // 使用File对象
        } else {
            reject(new Error("No file selected"));
        }
    });
}

// 使用示例
const inputImage = document.getElementById('imageInput'); // 假设有一个input[type=file]
inputImage.addEventListener('change', function(event) {
    const file = event.target.files[0];
    imageToBase64(file)
        .then(base64Data => console.log('Base64 data:', base64Data))
        .catch(error => console.error('Error:', error));
});

在这个例子中，用户选择了一个图片文件后，会触发`imageToBase64`函数，该函数读取文件内容并将其转化为Base64字符串。