记录微信小程序点击打开相机或者相册的功能

前言:前段时间领导要求在小程序中开发一个识别照片的功能,这就需要使用到微信小程序的一个api:wx.chooseMedia(Object object)。下面简单介绍一下如何使用。

1.功能描述:拍摄或从手机相册中选择图片或视频。

2.实例代码:

wx.chooseMedia({
  count: 9,
  mediaType: ['image','video'],
  sourceType: ['album', 'camera'],
  maxDuration: 30,
  camera: 'back',
  success(res) {
    console.log(res.tempFiles[0].tempFilePath)
    console.log(res.tempFiles[0].size)
  }
})

3.代码详解:

  1. 点击拍照上传:
      //打开相机
      openCamera(){
        wx.chooseMedia({
          count: 1,
          mediaType: ['image'],
          sourceType: ['camera'],
          camera: 'back',
          success(res) {
            console.log(res)
            console.log(res.tempFiles[0].tempFilePath) //路径
          }
        })
      },

    count:最多可以选择的文件个数
    mediaType:文件类型(这里限制为只能是图片)
    sourceType:图片和视频选择的来源(album 从相册选择 ,camera 使用相机拍摄 ) camera :仅在 sourceType 为 camera 时生效,使用前置或后置摄像头 (这里是后置,front为前置)
    success(res) {} : 成功的回调

  2. 点击相册上传:
    //打开相册
      openPhoto(){
        wx.chooseMedia({
          count: 1,
          mediaType: ['image'],
          sourceType: ['album'],
          success(res) {
            console.log(res)
            console.log(res.tempFiles[0].tempFilePath) //路径
          }
        })
      },

    count:最多可以选择的文件个数
    mediaType:文件类型(这里限制为只能是图片)
    sourceType:图片和视频选择的来源(album 从相册选择 ,camera 使用相机拍摄 ) 
    success(res) {} : 成功的回调

4. 效果展示:

附:微信小程序官方文档介绍 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值