使用antdvue上传组件上传图片时把file文件转为bese64

使用FileReader 对象
1.FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。
2.FileReader.readAsDataURL()
开始读取指定的Blob中的内容。一旦完成,result属性中将包含一个data: URL格式的Base64字符串以表示所读取文件的内容。

beforeUpload(file, fileList) {
 var reader = new FileReader()
 reader.readAsDataURL(file)
	 reader.onload = function () {
		 let img = document.createElement('img')
		 img.src = reader.result
   };
}
posted @ 2020-09-14 13:12  black_Crocodile  阅读(914)  评论(0)    收藏  举报