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
作者:胡倩倩0903
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。
posted on 2022-03-17 16:12 kitty20180903suzhou 阅读(2619) 评论(0) 编辑 收藏 举报
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY