函数1:读取图片信息(主要是原使图片宽高)
readImg(file) {
return new Promise((resolve, reject) => {
const img = new Image()
const reader = new FileReader()
reader.onload = function(e) {
img.src = e.target.result
}
reader.onerror = function(e) {
reject(e)
}
reader.readAsDataURL(file)
img.onload = function() {
resolve(img)
}
img.onerror = function(e) {
reject(e)
}
})
}
函数2:修改图片尺寸(如原图宽高尺寸2000*3000,现在手机拍照像素都很高,照片都在2-5兆,甚至更多大,此时我们将图片宽高尺寸修改到1000*1500,再保存图片,那图片大小肯定就小了)
关于canvas.toBlob(callback, type, encoderOptions);
官方描述: