js图片转base64函数封装

在JavaScript中，将图片转换为Base64编码通常是为了在前端处理不需要服务器介入的数据，比如发送给API或显示在`<img>`标签内作为src。可以使用File API来实现这个功能，下面是一个简单的函数封装示例：

function imgToBase64(fileInput) {
    return new Promise((resolve, reject) => {
        const reader = new FileReader();
        reader.onload = function(e) {
            resolve(e.target.result);
        };
        reader.onerror = function() {
            reject(reader.error);
        };
        if (fileInput.files && fileInput.files) {
            reader.readAsDataURL(fileInput.files);
        } else {
            reject(new Error('No selected image'));
        }
    });
}

// 使用示例
const inputElement = document.getElementById('image-input');
inputElement.addEventListener('change', async () => {
    try {
        const base64Data = await imgToBase64(inputElement);
        console.log('Image as Base64:', base64Data);
    } catch (error) {
        console.error('Error converting image:', error);
    }
});

这个函数接受一个`HTMLInputElement`，通常是用户选择文件的`<input type="file">`元素，然后读取文件内容并返回Base64字符串。