当前位置: 首页 > 工具软件 > Filebase > 使用案例 >

通过js的File对象获取图片的base64字符串

慕弘深
2023-12-01

自己定义一个方法名,将下面代码加入即可:
//1:获取file对象
var upImage = document.getElementById(‘fileId’);// 页面上input框标签对应的id
var objImage = upImage.files[0]; // 获取第一个文件的对象
var reader = new FileReader(); // 实例化File对象
//2:解析对象,转成baae64对象的url
reader.addEventListener(“load”, function () {
// 监听load后返回的数据
// reader.result即为获取到的base64字符串,注意,有前缀文件类型,图片对应的base64需要自行截取一下
var imgurl = reader.result;
}
if (objImage) {
//在load中返回一个base64编码
reader.readAsDataURL(objImage);
}

 类似资料: