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

  • 1
新手上路,请多包涵

代码如下

 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,
  })
}

image.png
拿不到传值
求大牛解答

问题描述

image.png
设置请求头后也不可以
image.png
file是拿到了的,只是传到接口就没了

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

相关代码

粘贴代码文本(请勿用截图)

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

回复
阅读 418
2 个回答

需要指定一下headerContent-Type

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

附图为我项目中的封装,供参考。
image.png


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

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

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

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

已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入。
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏