微信小程序上传图片(从相册选择或者拍照)

在平时的项目开发中,小程序图片上传应该是经常用到的,话不多说,直接开始。

上传图片主要用到的是小程序官方提供的两个API:

一个是wx.chooseImage,一个是wx.uploadFile 有不懂的小伙伴可以直接去看官方文档,上面解释的很清楚。下面贴出我项目代码片段,仅供参考。

 wx.chooseImage({
      count: 1, // 默认9
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: function (res) {
        var tempFilePaths = res.tempFilePaths;
        wx.uploadFile({
          url: 'https://tcheckminip.weein.cn/check/uploadFile/img',
          filePath: tempFilePaths[0],
          name: 'file',
          formData: {
            method: 'POST',
            mch_id: mch_id
          },
          header: {
            'INFOINSIDE': wx.getStorageSync('infoAccess'), //如果需要token的话要传
          },
          success: function (res) {
            
            if (typeof res.data != Object) {
              let parseObj = JSON.parse(res.data);
              that.setData({
                reserveUrl:parseObj.data,
                cardBurl:parseObj.data
              })
            };
          },
          fail: function (res) {
            console.log(res)
          }
        })
      }
    })

其中formData和header中的参数可以根据自己的项目需求决定是否要传。上述方法在上传图片时,会提供两种方式,一种是从图库选择,还有一种是自己拍照上传。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weixin_流年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值