微信小程序实现图片上传功能----相机功能并读取(base64)

小程序调取相机功能上传并读取

//图片选择或者拍照
  chosephon: function (e) {
    var that = this;
    wx.chooseImage({
      count: 1, 
      sizeType: ['original', 'compressed'], 
      sourceType: ['album', 'camera'], 
      success: function (res) {
        wx.showLoading({
          title:"加载中",
          mask:true
        });
        var imgs=res.tempFilePaths[0];
        console.log(res);
        wx.getFileSystemManager().readFile({
          filePath: imgs, 
          encoding: 'base64', 
          success: function(ress) { //成功的回调
            console.log(res.tempFilePaths[0])
            console.log(ress)
            var base64img = unescape(decodeURI(ress.data));  
            base64img="data:image/png;base64,"+base64img;
            
            const app = getApp();
            var urls=app.globalData.urls;
            wx.request({
              url:urls+"applet/upload/uploadImg",
              data: {
                base64: base64img,
              },
              header: {
                'content-type': 'application/x-www-form-urlencoded'
              }, 
              method: "post",
              success: function (tes) {
                console.log(tes);
                var code=tes.data.code;
                var msg=tes.data.msg;
                if(code==0){
                  var imgpath=tes.data.content.filePath
                  console.log(imgpath);
                  if(e==1){
                    that.setData({
                      door:imgs,
                      doorimg:imgpath
                    });
                  }else if(e==2){
                    that.setData({
                      indoor:imgs,
                      indoorimg:imgpath
                    });
                  }else if(e==3){
                    that.setData({
                      outdoor:imgs,
                      outdoorimg:imgpath
                    });
                  }else if(e==4){
                    that.setData({
                      pay:imgs,
                      payimg:imgpath
                    });
                  }else if(e==5){
                    that.setData({
                      bankCard:imgs,
                      bankCardimg:imgpath
                    });
                  }else if(e==6){
                    that.setData({
                      jiesuan:imgs,
                      jiesuanimg:imgpath
                    });
                  }else if(e==7){
                    that.setData({
                      shoudan:imgs,
                      shoudanimg:imgpath
                    });
                  }else if(e==8){
                    that.setData({
                      hezuo:imgs,
                      hezuoimg:imgpath
                    });
                  }else if(e==9){
                    that.setData({
                      kaihu:imgs,
                      kaihuimg:imgpath
                    });
                  }else if(e==10){
                    that.setData({
                      buslice:imgs,
                      busliceimg:imgpath
                    });
                  }else if(e==11){
                    that.setData({
                      organ:imgs,
                      organimg:imgpath
                    });
                  }                  
                }else{
                  wx.showToast({
                    title: msg,
                    icon: 'none',
                    mask: true
                  })
                }
                wx.hideLoading();
              },
              fail: function (tes) {
                wx.hideLoading();
                console.log(tes);
                wx.showToast({
                  title: "连接异常",
                  icon: 'none',
                  mask: true
                })
              }
            });
          }
        })
        
      },
      fail: function (res) {
        console.log(res);
      }
    })
  },
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值