微信小程序 form-data 传参传文件

最新推荐文章于 2024-10-09 20:03:01 发布

寻ing

最新推荐文章于 2024-10-09 20:03:01 发布

阅读量7.5k

点赞数 1

分类专栏：小程序文章标签：小程序 js

本文链接：https://blog.csdn.net/block_xu/article/details/109097877

版权

小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

传参格式为form-data的话，分为两种情况

一种是没有文件传输，只传普通的数据的
一种是有文件要传输的

没有文件传输的

如果不需要传文件的话，我们只需要修改请求（wx.request）中的header:{"content-type"}就可以了

wx.request({
  url: "url", // 你自己的路径
  method: "POST",
  header: {
    "content-type": "multipart/form-data;",
    'accept': 'application/json',
  },
  data: {}, // 需要穿的数据
  success: function (res) {
    
  }
});

有文件传输

微信提供了上传文件的方法wx.uploadFile（点击查看官方文档），我们可以直接调用这个方法进行传输，就是form-data传输

比如我们想传值：

data = {
  name: '小明',
  age: 18,
  phone: 15512344321,
  photo: "http://m.qpic.cn/psc?/xxxxxx" // 这是小程序的临时存储文件路径，上传到小程序的文件会变成这种文件，只能在小程序中访问
}

传法：

wx.uploadFile({
  filePath: that.data.boarding,
  name: 'photo',
  url: "https://接口地址url",
  header: {
    "Content-Type": "multipart/form-data",
    'accept': 'application/json',
    'Authorization': "如果有token"
  },
  formData: {
    name: '小明',
    age: 18,
    phone: 15512344321,
  },
  success(res) {

  }
})