js压缩图片的实现原理及实现过程

<input id="file" type="file">

let fileObj = document.getElementById('file').files[0] //获取文件对象

let reader = new FileReader() //新建一个FileReader对象

reader.readAsDataURL(fileObj)//将读取的文件转换成base64格式

reader.onload = function(e) { console.log(e.target.result) //转换后的文件数据存储在e.target.result中 }

context.drawImage(image, 0, 0, imageWidth, imageHeight)