vue上传图片并压缩后以formData形式传给后台


vue上传图片

html

<div id="file">
   <input class="inputtt" type="file" @change="upfile($event)" accept="image/*" />
</div>

 

js

//上传图片
upfile(event) {
var file = event.target.files[0]
var name = event.target.files[0].name;
lrz(file).then(rst => { //压缩图片
file = rst.file;
let file = new window.File([file], name, {
type: file.type
}) //把blob转化成file
let formData = new FormData();
formData.append('file', file);
formData.append('fileType', 'IMAGE')
this.axios({
url: 'API',
method: 'post',
headers: {
'content-type': 'application/x-www-form-urlencoded',
"token": token //token换成从缓存获取
},
data: formData
}).then(res => {

})
});
},


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM