ajax上传文件，文件开头出现Content-Disposition: form-data

最新推荐文章于 2024-07-04 10:05:57 发布

侠之大者接盘

最新推荐文章于 2024-07-04 10:05:57 发布

阅读量4.9k

点赞数

文章标签： ajax

本文链接：https://blog.csdn.net/qq_30285561/article/details/118211531

版权

ajax上传文件，文件开头出现Content-Disposition: form-data;

使用触动精灵remote-api的上传文件接口

上传的js代码为：

export default function upload (file) {
  let FromData = new FormData();
  FromData.append("imgdata", file);
  let xhr = new XMLHttpRequest()   //new一个XMLHttpRequest对象
  xhr.open('POST', 'http://192.168.0.1:50005/upload', true)  //第三个参数代表是否异步
  xhr.setRequestHeader("filename", 'your_file_name')
  xhr.setRequestHeader("path", "/")
  xhr.setRequestHeader("Content-Type", "touchsprite/uploadfile")
  xhr.setRequestHeader("root", "lua")
  xhr.send(FromData)   //发送请求
  xhr.onreadystatechange = (() => {
    //请求之后的回调函数
  })
}

然后头部出现了：

----------------------------778470162886761137298274
Content-Disposition: form-data; name=“imgdata”; filename=“ttt.lua”
Content-Type: text/x-lua

网上查了了好久才发现是出现这个问题的原因是后台接收的时候并不是用表单接收的

解决方式：不要传表单，直接传文件就可以了

export default function upload (file) {
  let xhr = new XMLHttpRequest()   //new一个XMLHttpRequest对象
  xhr.open('POST', 'http://192.168.0.1:50005/upload', true)  //第三个参数代表是否异步
  xhr.setRequestHeader("filename", 'your_file_name')
  xhr.setRequestHeader("path", "/")
  xhr.setRequestHeader("Content-Type", "touchsprite/uploadfile")
  xhr.setRequestHeader("root", "lua")
  xhr.send(file)   //发送请求
  xhr.onreadystatechange = (() => {
    //请求之后的回调函数
  })
}