Vue图片压缩上传

一、图片压缩

图片压缩工具类最大高度和最大宽度都为 500，如果超出大小将等比例缩放。
注意可能出现压缩后比原图更大的情况，在调用的地方自己判断大小并决定上传压缩前或压缩后的图到服务器。

// 将base64转换为blob
 convertBase64UrlToBlob(urlData) {
   
	 let arr = urlData.split(',')
	 let mime = arr[0].match(/:(.*?);/)[1]
	 let bstr = atob(arr[1])
	 let n = bstr.length
	 let u8arr = new Uint8Array(n)
	 while (n--) {
   
	  u8arr[n] = bstr.charCodeAt(n)
	 }
	 return new Blob([u8arr], {
   type: mime})
}

// 压缩图片
compressImage(path) {
   
 //最大高度
 const maxHeight = 500;
 //最大宽度
 const maxWidth = 500;
 return new Promise((resolve, reject) => {