2021-10-25

axios 上传文件，FormData

一： 前台上传文件的表单和响应函数

data () {
return{
//文件
file: ‘’,
file2: ‘’,
}
},
表单按钮的响应函数

getFile(event) {
this.file = event.target.files[0];
console.log(this.file);
},
getFile2(event) {
this.file2 = event.target.files[0];
console.log(this.file2);
},
上传单文件和多文件其实都是一样，主要的区别在后台接受文件形式和前台如何向后台传递数据

主要区别在 submit 响应函数中。
单文件例子：
submit(event) {
event.preventDefault();//取消默认行为
//创建 formData 对象
let formData = new FormData();
// 向 formData 对象中添加文件
formData.append(‘file’,this.file);

http.uploadFile(“taskManage/uploadFile2”,formData).then(function (response) {
console.log("res: ",response);
})
},
多文件例子：
submit(event) {
event.preventDefault();//取消默认行为
//创建 formData 对象
let formData = new FormData();
// 向 formData 对象中添加文件
formData.append(‘file’,this.file);
formData.append(‘file’,this.file2);

http.uploadFile(“taskManage/uploadFile2”,formData).then(function (response) {
console.log("res: ",response);
})
},