vue用axios上传文件

1.post 请求头改成'Content-Type':'multipart/form-data'2.用new FormData() 方式//上传export function uploadFile(data) {return request({url: '/appstore/uploadFile',method: 'post',headers: {'Content-Type':'multipart

大表哥6

1308人浏览 · 2020-08-26 11:22:26

大表哥6 · 2020-08-26 11:22:26 发布

1.post 请求头改成'Content-Type': 'multipart/form-data'
2.用new FormData() 方式 
//上传
export function uploadFile(data) {
  return request({
    url: '/appstore/uploadFile',
    method: 'post',
    headers: {'Content-Type': 'multipart/form-data'},
    data: data
  })
}

var file = e.target.files[0];

let param = new FormData();
param.append('fileType','img')
param.append('file',file)
uploadFile(param).then(response => {
  if (response.code === 200) {
    console.log(response)
    that.Form.appLogoUrl=response.filePath;
  } else {
    console.log("上传错误")
  }
});