vant Uploader 文件上传问题 接口拿不到file

Question

代码如下

 afterRead (file) {
      // 此时可以自行将文件上传至服务器
      var formData = new FormData(); //构造一个 FormData，把后台需要发送的参数添加
      formData.append('file', file.file);//接口需要传的参数

      filesUpload(formData).then(res => {
        console.log(res)
      })

    },

export function filesUpload(file) {
  let data = file
  return axios({
    url: `attach/file`,
    method: "post",
    data,
  })
}

拿不到传值
求大牛解答

问题描述

设置请求头后也不可以

file是拿到了的，只是传到接口就没了

问题出现的环境背景及自己尝试过哪些方法

相关代码

粘贴代码文本（请勿用截图）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

需要指定一下header的Content-Type

headers: {'Content-Type': 'multipart/form-data'}

附图为我项目中的封装，供参考。

---

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 2

首先你的 axios 封装有问题，应该是类似这样的：

export function postAction (url, parameter) {
  return axios({
    url: url,
    method: 'post',
    data: parameter // 你的问题在这里
  })
}

如果这样修改了，还是获取不到 file，你到 afterRead (file) 函数中打印一下 file 是否获取到了文件信息。

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。