上传服务器到首先要借助到FormData来操作,废话不多说直接上代码

<!--前端的代码-->
<input type="file" ref="file"/>
//请求接口前需要传的参数
let formData=new FormData();
formData.append('allowDownload',allowDownload)
formData.append('name',this.zizhiForm.name)
formData.append('uploadFiles',this.$refs.file.files[0])
//这里要把所有要传到后端的字段都添加到formData里面,我当时操作的时候就是把这一点遗漏掉了,折腾了好久。。

//请求接口
addData(formData).then(result=>{
  //这里进行获取到result之后的操作
});
//请求后端接口的代码
export function addData(data){
  return new Promise((resolve,reject)=>{
    axios.post(`/qualification/add`,
    data,
    {
      headers:{
        'Content-Type': 'multipart/form-data; boundary = ' + new Date().getTime()
        //这里要把content-type设置为multipard/form-data,同时还要设置boundary
      }
    }).then(result=>{
      resolve(result.data)
    }).catch(err=>{
      reject(err)
    })
  })
}

到这里就结束啦!!!!
如果有错误,请各位大佬纠错

Logo

前往低代码交流专区

更多推荐