js通过fileReader获取图片的base64格式

Posted 2020-10-27 炫冰G爱

1 // 创建一个FileReader对象

 2 var reader = new FileReader();

 3 

 4 // 绑定load事件

 5 reader.onload = function(e) {

 6     console.log(e.target.result);

 7 }

 8 

 9 // 读取File对象的数据

10 reader.readAsDataURL(document.querySelector("input[type=file]").files[0]);

 

当FileReader对象通过readAsDataURL读取数据成功后，就会触发load事件。target中的result属性的值，就是该文件的base64数据