记录两个关于图片和文件的Html5新属性-雅荷心语博客

第一, 将图片转为base64编码

let reader = new FileReader();
reader.readAsDataURL(e.target.files[0]);
reader.onload = function(e){
    console.log(this.result);
};

let reader = new FileReader();

reader.readAsDataURL(e.target.files[0]);

reader.onload = function(e){

console.log(this.result);

};

第二, 创建预览图,

let img = new Image();
thumbUrl = img.src = URL.createObjectURL(e.target.files[0]);

1 2	let img = new Image(); thumbUrl = img.src = URL.createObjectURL(e.target.files[0]);

生成的预览图Url如下: blob:http://localhost:8080/d627b6fd-60e9-4604-a77f-62e3d90673eb

记录两个关于图片和文件的Html5新属性