前言:前段时间领导要求在小程序中开发一个识别照片的功能,这就需要使用到微信小程序的一个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.代码详解:
- 点击拍照上传:
//打开相机 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) {} : 成功的回调 - 点击相册上传:
//打开相册 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. 效果展示: