JS 转 ImageBase64

在JavaScript中，你可以通过File API将图片转换为Base64编码的字符串。下面是一个简单的示例，展示了如何实现这个功能：

function imgToBase64(fileInput) {
    var reader = new FileReader();
    reader.readAsDataURL(fileInput.files[0]);
    
    reader.onload = function(event) {
        var base64Image = event.target.result;
        // 这里 base64Image 就是你要的Base64编码的图片数据
    };
    
    reader.onerror = function() {
        console.error('Failed to load image');
    };
}

// 使用方法：
var fileElement = document.getElementById('image-input'); // 获取输入框元素
fileElement.addEventListener('change', function() {
    var file = fileElement.files[0]; // 获取用户选择的文件
    imgToBase64(file); // 调用函数转换并处理结果
}, false);

在这个例子中，`imgToBase64`函数接受一个File对象作为参数，然后创建一个FileReader实例读取图片文件。当图片加载完成后，`onload`回调会被触发，其中`event.target.result`就是Base64编码的图片数据。