vue+axios上传文件到服务器
上传服务器到首先要借助到FormData来操作,废话不多说直接上代码<!--前端的代码--><input type="file" ref="file"/>//请求接口前需要传的参数let formData=new FormData();formData.append('allowDownload',allowDownload)formData.append('...
·
上传服务器到首先要借助到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)
})
})
}
到这里就结束啦!!!!
如果有错误,请各位大佬纠错
更多推荐
已为社区贡献10条内容
所有评论(0)