js 本地图片转base64
时间: 2023-07-06 08:21:36 浏览: 86
PHP实现本地图片转base64格式并上传
以下是将本地图片转换为Base64的JavaScript代码示例:
```javascript
function getBase64FromFile(file, callback) {
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function() {
var base64 = reader.result.replace(/^data:(.*;base64,)?/, "");
if (typeof callback === "function") {
callback(base64);
}
};
}
// 使用方法
var fileInput = document.getElementById("fileInput");
var file = fileInput.files[0];
getBase64FromFile(file, function(base64) {
console.log(base64);
});
```
在这个示例中,我们创建了一个名为 `getBase64FromFile` 的函数,它接受一个文件对象和一个回调函数作为输入参数。该函数使用 `FileReader` 对象将文件读取为Base64字符串,并从结果中删除前缀。如果回调函数被提供,它将返回Base64字符串。
在使用示例中,我们从HTML文件中获取文件输入元素,并传递其第一个文件对象给 `getBase64FromFile` 函数。在回调函数中,我们将Base64字符串输出到控制台。
阅读全文