ant-design-vue的upload上传后a标签下载没有token

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ant-design-vue的upload上传后a标签下载没有token相关的知识,希望对你有一定的参考价值。

参考技术A 跟后台同事调试了半天,前台这块能打出一个日期一个上传文件。

console.log(formData.get('file')) //能打印出上传文件
console.log(formData.get('acctMonth')) //能打印出日期
上传是反馈200成功,但后台就是显示找不到上传文件。

handleUpload()
if (this.acctMonth == "")
this.$message.error("请选择账期!")
return false;

if (this.fileList == "")
this.$message.error("请选择上传文件!")
return false;

const fileList = this;
const formData = new FormData();
let token = Vue.ls.get(ACCESS_TOKEN);

fileList.forEach((file) =>
formData.append("file", file);
);
formData.append("acctMonth", this.acctMonth);
this.uploading = true;

console.log(formData.get('file')) //能打印出上传文件
console.log(formData.get('acctMonth')) //能打印出日期

reqwest(
url: apiUrl.upload, //后台上传接口
method: 'post',
data: formData,
headers: //框架需要支持token才能上传
"content-type": "multipart/form-data",
"X-Access-Token": token
,
success: () =>
console.log(formData.getall())
this.fileList = [];
this.acctMonth = '';
this.uploading = false;
this.$message.success('文件上传成功.');
,
error: () =>
this.uploading = false;
this.$message.error('文件上传失败.');
,
);
,

以上是关于ant-design-vue的upload上传后a标签下载没有token的主要内容,如果未能解决你的问题,请参考以下文章

Ant-design-vue中如何实现图片上传?

Ant-design-vue中如何实现图片上传?

ant-design-vue 上传图片组件

基于vue-Ant实现图片上传

el-upload上传文件后跳转页面后再返回已上传文件的回显

el-upload上传图片