微信小程序调用相机相册功能实现

这个其实很简单,微信提供了api 

 

1 一般我们做个人图像选择的时候可以简单的使用

  click1:function(){
    wx.chooseImage({
      success: function(res) {
      },
    })
  },

这样跳到的界面,就是带有图片库,库里面有一个相机可以点击拍照,

2 如果要实现弹框相机,相册点击跳转到相应的界面 如下

实现代码如下

  click2:function(){
  wx.showActionSheet({
    itemList: ['拍照','从相册中选择'],
    success(res) {
      console.log(res.tapIndex)
      if(res.tapIndex==0){ //0是拍照
        wx.chooseImage({
          count: 1,
          sizeType: ['compressed'],
          sourceType: ['camera'],
          success: function (res) {
              //res.tempFilePaths[0] 这个是图片
           },
        })
      } else if(res.tapIndex==1){
        wx.chooseImage({
          count: 1,
          sizeType: ['compressed'],
          sourceType: ['album'],
          success: function(res) {
          //res.tempFilePaths[0] 这个是图片
          },
        })
      }
    }
  })

   
  },

count 是选择图片的数量

sizeType 是选择图片的尺寸 

sourceType  选择图片的来源

这个官网上都有说明 ,大家也可以直接复制代码使用.

上面的代码 可以在优化一下,因为逻辑都一样嘛

  driver_two_click: function () {
    var that = this
    wx.showActionSheet({
      itemList: ['拍照', '从相册中选择'],
      success(res) {
        console.log(res.tapIndex)
        let sourceType = 'camera'
        if (res.tapIndex == 0) {
          sourceType = 'camera'
        } else if (res.tapIndex == 1) {
          sourceType = 'album'
        }
        wx.chooseImage({
          count: 1,
          sizeType: ['original', 'compressed'],
          sourceType: [sourceType],
          success: function (res) {
           
          },
        })
      },
    })
  },