vant上传图片时压缩图片

vant上传图片，有图片的宽高大小限制，可以上传时压缩图片，在这里记录一下。

压缩图片大小

afterRead(file){console.log(file,'0000')this.face = [];let canvas = document.createElement('canvas') // 创建Canvas对象(画布)let context = canvas.getContext('2d')let img = new Image()img.src = file.content // 指定图片的DataURL(图片的base64编码数据)img.onload = () => {canvas.width = img.width/10canvas.height = img.height/10context.drawImage(img, 0, 0, img.width/10, img.height/10)file.content = canvas.toDataURL(file.file.type, 0.92) // 0.92为默认压缩质量console.log(file,file.content,'4444444')let files = this.dataURLtoFile(file.content, file.file.name)console.log(files,'33333')this.uploadToqiniu(files,this.face);}},

讲base64转换为file文件

dataURLtoFile (dataurl, filename) { // 将base64转换为file文件let arr = dataurl.split(',')let mime = arr[0].match(/:(.*?);/)[1]let bstr = atob(arr[1])let n = bstr.lengthlet u8arr = new Uint8Array(n)while (n--) {u8arr[n] = bstr.charCodeAt(n)}return new File([u8arr], filename, {type: mime})},

总结

以上是生活随笔为你收集整理的vant上传图片时压缩图片的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。