vue上传图片并压缩后以formData形式传给后台
Posted cai001018
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue上传图片并压缩后以formData形式传给后台相关的知识，希望对你有一定的参考价值。
vue上传图片
<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 => {
if(res.data.code == 200) {
}
})
});
},
以上是关于vue上传图片并压缩后以formData形式传给后台的主要内容，如果未能解决你的问题，请参考以下文章