微信小程序post传递参数为formData格式,一般是在上传图片时需要的

这篇具有很好参考价值的文章主要介绍了微信小程序post传递参数为formData格式,一般是在上传图片时需要的。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

  let base64 = 'data:image/png;base64,' + wx.getFileSystemManager().readFileSync(res.tempFiles[0].tempFilePath, 'base64')
    // console.log("base64", base64)
    this.setData({
      base64Code: base64.split(',')[1],
      suffix: res.tempFiles[0].tempFilePath.split('.')[1]
    })
    // console.log(this.data.base64Code, this.data.suffix);
    wx.uploadFile({
      url: 'http://192.168.6.103:8089/crm/app/file/uploadBase64Rotation',
      filePath: res.tempFiles[0].tempFilePath,
      name: 'file',
      formData: {
        base64Code: this.data.base64Code,
        suffix: this.data.suffix
      },
      response: 'json',
      success: (response) => {
        // console.log(response.data);
        const obj = JSON.parse(response.data)
        console.log(obj);
        // console.log(obj.retCode);
        if (obj.retCode == 0) {
          app.$loading()
          this.IDBackUpload(obj)
        } else {
          console.log('上传失败');
        }

      }
    })

wx.uploadFile传参的格式本身就是formData格式的,参照官网就可以

如果是wx.request的需要formData格式,如下图data的格式文章来源地址https://www.toymoban.com/news/detail-542295.html

IDBackUpload(res) {
    console.log(res);
    wx.request({
      url: 'http://192.168.6.103:8089/app/opportunity/idCardOcrDiscern',
      header: {
        'content-type': 'multipart/form-data; boundary=XXX'
      },
      data: '\r\n--XXX' +
        '\r\nContent-Disposition: form-data; name="image"' +
        '\r\n' +
        '\r\n' + res.data.fileUrl +
        '\r\n--XXX' +
        '\r\nContent-Disposition: form-data; name="imageType"' +
        '\r\n' +
        '\r\n' + 2 +
        '\r\n--XXX' +
        '\r\nContent-Disposition: form-data; name="supplierType"' +
        '\r\n' +
        '\r\n' + 2 +
        '\r\n--XXX' +
        '\r\nContent-Disposition: form-data; name="papersType"' +
        '\r\n' +
        '\r\n' + 1 +
        '\r\n--XXX' +
        '\r\nContent-Disposition: form-data; name="idCardSide"' +
        '\r\n' +
        '\r\n' + 'back' +
        '\r\n--XXX' +
        '\r\nContent-Disposition: form-data; name="companyName"' +
        '\r\n' +
        '\r\n' + '资产运营管理-app' +
        '\r\n--XXX',
      method: "POST",
      success: (res) => {
        console.log(res);
        app.$hide()
        if (res.data.data.idCardEffectiveDate == '') {
          wx.showToast({
            title: '识别失败,请再次上传或者联系管理员',
            icon: 'none',
            duration: 2000
          })
        } else if (res.errMsg == 'request:ok') {
          const ocrData = res.data.data
          this.setData({
            'formData.idCardEffectiveDate': ocrData.signIssueDate.substring(0, 10),
            'formData.idCardExpiryDate': ocrData.expiryDate.substring(0, 10),
          })
        }

      }
    })
  },

到了这里,关于微信小程序post传递参数为formData格式,一般是在上传图片时需要的的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 微信小程序原生写法传递参数

        data-xxx   自定义参数名  ,接收参数:方法(变量名)  如果需要传递多个,可以写多个data-[参数]的方式进行传递 多个参数写法 data-a ,data-b, 接收参数 :方法(变量名)    建议采用全小写命名,简短短拼~

    2024年02月09日
    浏览(36)
  • 微信小程序之间的参数传递、获取

    一、获取当前页面参数 js 当前页面参数可以在小程序开发工具的右下角查看 二、单独input文本框参数的获取 wxml:这里的bindconfirm指的是回车事件,也可以使用别的事件  js 输出结果:在文本框输入:这是一个测试,回车,得到的结果如下 三、表单获取参数信息(包括多选,

    2024年02月09日
    浏览(36)
  • 微信小程序 bindtap 事件多参数传递

    在微信小程序中,我们无法直接通过 bindtap=\\\"handleClick(1,2,3)\\\" 的方式传递参数,而是需要通过自定义属性 data- 的方式进行传递,并在事件回调函数中通过 event.currentTarget.dataset 来获取这些参数。然而,这种传参方式不够友好,尤其是在传递多个参数时,需要特别注意参数的形式

    2024年02月01日
    浏览(39)
  • 微信小程序点击事件(bindtap)传递参数

    小程序在组件上绑定事件后,传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式,具体实现如下: wxml: view bindtap=\\\"goTo\\\" data-index =\\\"{{item.index}}\\\"点击事件传参/view js中: goTo: function(e){     // 传递的参数    

    2024年02月12日
    浏览(45)
  • uniapp App跳转微信小程序并互相传递参数、接收微信小程序传递的参数

    本文是uniapp打包成安卓App。 一、注意事项 1、用到了分享功能,在打包App时,需要配置manifest.json:App 模块配置-Share。按照提示填写微信分享的信息,appid的获取参考我的另一篇文章:uniapp项目 App端实现微信登录、QQ登录 2、因为涉及到第三方 SDK 的配置,需要打包自定义基座

    2024年02月09日
    浏览(38)
  • postman进行post、get参数传递及中文乱码和各类型参数传递和json格式传参和日期型参数传递和响应数据传回

    postman是一种测试工具 用postman直接在其上输入参数名和参数值就行,不用区分post和get请求方法,当然java代码要改变一点,在响应注解的方法里面添加和postman中输入的参数名一样的形参 get请求: 代码:注意在响应注解的方法里面新添加了形参,其就对应着上面图片中的参数

    2024年02月07日
    浏览(42)
  • 微信小程序路由以及跳转页面传递参数

    路由 在app.json的pages里面写 \\\"pages/页面/页面\\\" 直接保存pages直接生成非常方便  跳转页面 wx.navigateTo() 保留当前页面,跳转到应用内的某个非tabBar页面。 text bindtap=\\\"daka\\\"点击/text 会保留返回箭头 底部导航跳转在app.json写入即可 传参以及接收参数 1、本地存储 使用方法:和js差不

    2024年02月11日
    浏览(41)
  • 微信小程序 父组件调用子组件事件和传递参数

    一、使用场景 当每个页面都调用统一的组件时,传递的参数和方法都不尽相同,我们应该怎么样子传递给我们的子组件,让子组件获取相应的值或方法进行计算执行。 二、实现方式 1、父组件调用子组件的方法 2、父组件传递参数给子组件

    2024年02月11日
    浏览(45)
  • 微信小程序与内嵌h5页面之间的参数传递

    小程序是采用vue+taroui技术栈 h5页面 所在文件:h5.vue 小程序页面:wx.vue,这里我用的是taro获取当前页面栈,大家可以用wx 这里的this.routerParams==={params:1} 小程序页面:wx.vue,首先向内嵌h5的webview所在页面跳转并携带所传参数。 webview页面—/pages/processLink/index。index.vue,由该页面

    2024年02月15日
    浏览(58)
  • 微信小程序如何实现页面传参和页面传递多个参数

    只要你的小程序超过一个页面那么可能会需要涉及到页面参数的传递,下面我总结了 4 种页面方法。 下面时多个参数页面传参的方式   通过在url后面拼接参数,参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 分隔;如 ‘path?key=valuekey2=value2’。 案例:

    2024年02月11日
    浏览(60)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包