安装
npm i lrz -S
引入
// main.js 中引入
import lrz from 'lrz'
使用
methods: {
afterRead(file) {// 选中上传图片时触发
let that = this;
lrz(file.file).then(rst => {
let base64 = this.dataURLtoFile(rst.base64, file.file.name);
let params = new FormData();
params.append('file', base64);
that.axios.post(url, params).then(function (re) {
console.log(re);
})
})
},
dataURLtoFile(dataurl, filename) { // 将base64转换为file文件
// 参数dataurl base64字符串
// 参数filename 图片名称
let arr = dataurl.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 File([u8arr], filename, {
type: mime
})
}
}
参考网站
官网:https://www.npmjs.com/package/lrz
参数文档:https://github.com/think2011/localResizeIMG/wiki/2.-%E5%8F%82%E6%95%B0%E6%96%87%E6%A1%A3