基于Vue+Element的文件上传压缩

基于Vue+Element的文件上传压缩

1 界面代码

代码如下

2 script标签内代码

（1）上传前的处理方法：beforeIdCardBackUpload
beforeIdCardBackUpload (file) {
this.file = file // 存储上传的文件
const isJPG = file.type === ‘image/jpeg’ // 照片格式可以自己定义，主要用于限制文件类型
if (!isJPG) {
this.KaTeX parse error: Expected 'EOF', got '}' at position 40: … 格式!') }̲ } （2）上传的方法自…http[‘post’](_this.url, formData).then(({ data: res }) => {
_this.dataForm.carUrl = res.data.path
})
// 文件上传结束
}
}:
方法2 ：
convertBase64UrlToBlob (urlData) {
const bytes = window.atob(urlData.split(’,’)[1]) // 去掉url的头，并转换为byte
// 处理异常,将ascii码小于0的转换为大于0
const ab = new ArrayBuffer(bytes.length)
const ia = new Uint8Array(ab)
for (let i = 0; i < bytes.length; i++) {
ia[i] = bytes.charCodeAt(i)
}
return new Blob([ab], { type: ‘image/png’ })
}
参考：https://blog.csdn.net/liona_koukou/article/details/84860899
https://www.jianshu.com/p/9b4de1c5b9c0