当前位置: 首页 > news >正文

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

前言:前段时间领导要求在小程序中开发一个识别照片的功能,这就需要使用到微信小程序的一个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. 效果展示:

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


http://www.mrgr.cn/news/10716.html

相关文章:

  • 前端使用canvas绘制简单工作流-react
  • redis 开启事务 pipeline.multi(); 需要关闭嘛?
  • java直接内存
  • MySQL 之 GROUP BY 讲解:常见用法与案例剖析
  • RabbitMQ中支持多种类型的交换机
  • 深度学习模板方法设计模式
  • Spring Cloud Stream与Kafka(二)
  • 计算机基础知识总结(八股文--计算机网络、操作系统、数据库、c++、数据结构与算法)
  • 实际项目中,运用Retrofit和OkHttp调用其他项目接口
  • 某音作品列表,视频列表
  • oracle ONS configuration failed NoserversAvailable:Subscription time out导致应用起不来
  • 鸿蒙(API 12 Beta3版)【使用Image完成图片接收器】图片开发指导依赖JS对象
  • 中断处理过程
  • 华为HCIP-datacom 真题 (2024年下半年最新题库)
  • Oracle taf高级特性使用
  • 【Linux】全面解析进程:优先级、环境变量与地址空间
  • 视频美颜SDK与直播美颜插件的集成策略与性能优化方案详解
  • 【持续更新】nPlayer Premium v1.7.7.7-191219安卓知名播放器最新免费高级修改版
  • OpenGL3.3_C++_Windows(36)
  • Mysql三个日志的作用及区别