两种不同格调:小程序调用调用摄像头和本地图片

第一种格调:

wxml文件代码


            识别身份证
    

js文件代码:

此种看官方文档即可,就不展示图片了

  chooseWxImage: function(type) {
    var that = this;
    wx.chooseImage({
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: function(res) {
        console.log(res);
        that.setData({
          img: res.tempFilePaths[0],
        })
      }
    })
  },

第二种格调:从下方弹出选项,先看效果图

两种不同格调:小程序调用调用摄像头和本地图片_第1张图片

wxml文件代码


            识别身份证
    

js文件代码

  chooseimage: function() {
    var that = this;
    wx.showActionSheet({
      itemList: ['从相册中选择', '拍照'],
      itemColor: "#a3a2a2",
      success: function(res) {
        if (!res.cancel) {
          if (res.tapIndex == 0) {
            that.chooseWxImage('album')
          } else if (res.tapIndex == 1) {
            that.chooseWxImage('camera')
          }
        }
      }
    })
  },

  chooseWxImage: function(type) {
    var that = this;
    wx.chooseImage({
      sizeType: ['original', 'compressed'],
      sourceType: [type],
      success: function(res) {
        console.log(res);
        that.setData({
     // tempFilePath可以作为img标签的src属性显示图片
          img: res.tempFilePaths[0],
        })
      }
    })
  },

 

你可能感兴趣的:(笔记)