微信小程序接口请求使用formData格式

这篇具有很好参考价值的文章主要介绍了微信小程序接口请求使用formData格式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、入参不多可以直接使用以下方式

        submit (e) {
            let that = this
            const form = {  //form是e中的数据
                orderNo: '123456',
                premium: '1'
            }
            //1、调用封装的犯法
            //  const params=that.formData(form)
            //2、以下是单独写
            // 开始     '\r\n--XXX' +
            // 中间      //'\r\nContent-Disposition: form-data; name="orderNo"' +
                        // '\r\n' +
                        // '\r\n' + form.orderNo +
                        // '\r\n--XXX' +
            // 结尾     '\r\n--XXX--'
             
            const params = '\r\n--XXX' +
                '\r\nContent-Disposition: form-data; name="orderNo"' +
                '\r\n' +
                '\r\n' + form.orderNo +
                '\r\n--XXX' +
                '\r\nContent-Disposition: form-data; name="premium"' +
                '\r\n' +
                '\r\n' + form.premium +
                '\r\n--XXX--'
            that.addForm(params)
        },
        addForm: function (e) {
            wx.request({
                url: '',//自己的请求地址
                method: 'post',
                header: {
                    'content-type': 'multipart/form-data; boundary=XXX'
                },
                data: e,
                success (res) {
                    if (res.data.code === 200) {
                        console.log('请求成功返回的数据)
        }
                },
                fail (err) {
                    console.log(err)
                }
            })
        }

2、入参较多封装方法

  formData:function(obj={}){
      let result = ''
      for (let name of Object.keys(obj)) {
        let value = obj[name];
        result += 
        '\r\n--XXX' +
        '\r\nContent-Disposition: form-data; name="'+name+'"'+ 
        '\r\n' +
        '\r\n' + value
      }
      return result+'\r\n--XXX--'
  },

参考地址:使用wx.request发送multipart/form-data请求的方法文章来源地址https://www.toymoban.com/news/detail-634831.html

到了这里,关于微信小程序接口请求使用formData格式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • axios 用formData的方式请求数据

    需求:使用axios库用来做http数据传输。 问题:传递数据的时候不是直接通过json的方式来传输的数据,二是通过formData的方式 解决: axios 请求头设置,Content-Type 往后台传递参数的时候用 qs.stringify()处理:  当遇到参数中有 数组对象嵌套时,需要用 JSON.stringify进行包裹: cai

    2024年02月09日
    浏览(30)
  • uniapp 开发微信小程序踩坑:TypeError: Cannot read property ‘FormData‘ of undefined

    需求: UniApp 的 H5 端已经正常使用,现在打算兼容 微信小程序 。 本以为应该很顺利,但是一上来就直接报错了,心里很慌呀,报错信息如下: 点击源码中看到的是这个: 【注】刚开始的时候以为是 微信小程序 兼容性或者是 uniapp 兼容性的问题,但是去了 axios 的 GitHub iss

    2024年02月11日
    浏览(118)
  • uniapp发送formdata表单请求(全网最简单方法)

    因为uniapp不支持直接传输formdata,只提供了uploadFile方法上传文件,但是利用该方法就可以传输formdata了。 可以直接使用filePath属性进行空文件传输,只需要设置filePath为空就行了。 调用时,data是个对象即可。 使用file属性,无需选择文件,我们自己new个文件即可。 1、封装的上

    2024年02月12日
    浏览(42)
  • uniapp 小程序 使用 new FormData 报错,is not defined 问题解决

    new FormData 只适用于web端,uniapp 小程序不适用,这里当时也卡了一下,随便用个js文件发现其实FormData也使用不了,所以如果要配置formData 的格式 无法使用FormData,会报 FormData is not defined. 解决方法1: 使用uniapp 自带的api uni.uploadFile(OBJECT)       官网api地址:uni.uploadFile(OBJECT) | u

    2024年02月11日
    浏览(60)
  • element上传图片,调取接口传值,参数FormData为空

    输入完reason,选完文件后,点击提交按钮后 调取接口。 上传文件 orderFile 字段一直为空 打印了发现,上传文件也是有值得。但是传到接口中就为空 json 里边不能放 file ,但是 formData 里可以放 file 也可以放 json 应该说是 formData 里可以放任何你需要提交的东西 所以 修改后将需

    2024年02月11日
    浏览(43)
  • uniapp 小程序 使用 new FormData 报错,is not defined 问题解决(没解决)

    new FormData 只适用于web端,uniapp 小程序不适用,这里当时也卡了一下,随便用个js文件发现其实FormData也使用不了,所以如果要配置formData 的格式 无法使用FormData,会报 FormData is not defined. 原文 原文 原文 最终代码:

    2024年01月19日
    浏览(52)
  • 小程序FormData格式传参(上传图片,删除图片)

          微信小程序开发需要选择本地照片file连同一些表单数据,通过接口发送给服务器,小程序上传图片可以用微信自带的wx.uploadFile方法去传(自带FormData)        wx.uploadFile这个只能一张一张的上传,所以上传图片如果是需要批量的,需要循环调用接口

    2024年02月12日
    浏览(41)
  • 前端使用FormData上传多个文件

    FormData: 文档介绍 https://developer.mozilla.org/zh-CN/docs/Web/API/FormData 当接口需要文件格式的参数进行文件上传时,前端上传的文件需要使用 FormData FormData主要作用:网络请求中处理用来异步的上传文件 例如: 前端调用方法如下:  页面调用结果如下图  

    2024年02月15日
    浏览(101)
  • 微信小程序请求不到接口解决(踩坑记录)

    域名是否配置了ssl证书 小程序后台-开发-开发设置-服务器域名 中是否配置了域名 配置完后可以在开发者工具中查看 如果还是不能请求到接口,请检查 ssl证书链是否有问题 myssl检测工具 我的是因为支持了 TLS1.0协议被判定为不合规,关闭后正常

    2024年02月12日
    浏览(45)
  • 使用Vue + FormData + axios实现图片上传功能实战

    前言 上节回顾 上一小节中,我们添加了 Vue-router 的路有数据,这些数据都将是后续实战课程中的真实路由数据了。同时引入了 ElementUI 的 el-menu 做为左侧菜单的组件,但本专栏的特点就是遇到第三方功能和组件,自己尽量也要实现一遍,所以,在文章末尾又自己实现了一个

    2024年02月09日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包