• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

我的博客我做主

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

uniapp 使用uni.request发送multipart/form-data请求的方法

最近开发的时候遇到一个问题,小程序 上需要向后端传 base64 的图片,且需要使用multipart/form-data 的方式将数据传给后端,然而(wx|uni).request 没有直接支持 multipart/form-data,百度了半天终于找到了解决方法,在这里记录一下。

第一个问题:请求头的 content-type 设置:

1 'content-type':'multipart/form-data; boundary=XXX'

第二个问题:data 参数设置:使用 XXX 来分隔参数 (boundary=XXX)

 1 formdata:function(obj) {
 2     let result = ''
 3     for (let name of Object.keys(obj)) {
 4       let value = obj[name];
 5       result += 
 6       '\r\n--XXX' +
 7       '\r\nContent-Disposition: form-data; name=\"'+ name +'\"'+ 
 8       '\r\n' +
 9       '\r\n' + value
10     }
11     return result + '\r\n--XXX--'
12 }

这样就大功告成啦!

 

参考来源:https://developers.weixin.qq.com/community/develop/article/doc/0000cc0e5bc5d093c6f8be17254c13

作者:kitty20180903suzhou
出处:https://www.cnblogs.com/kitty-blog/
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。

posted on 2022-03-17 16:12  kitty20180903suzhou  阅读(3339)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3