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 => {
})
});
},