formdata 配合axios文件上传

upChange:function(e){//监听type=file 类型的input框的change事件
   this.myForm.upload = e.target.files[0];
},
let that = this;
let formData = new FormData();
let obj = that.upImportForm;

for (let key in obj) {
   formData.append(key, obj[key]);   // 上传文件的同时, 也可以上传其他数据
}

that.$axios({
   url: url,
   method: 'post',
   headers:{
      'Content-Type':'multipart/form-data'
   },
   data: formData
}).then(function(res) {
}
})

文件到后端可从request中获取
((MultipartHttpServletRequest) req).getFile("upload");
 
posted @ 2022-11-29 16:21  KeyG  阅读(238)  评论(0编辑  收藏  举报