微信小程序调用本地相册与拍照
微信小程序调用本地相册与拍照
作为一名开发者,了解如何在微信小程序中调用本地相册和拍照功能是非常重要的。这些功能可以帮助你创建更丰富、更互动的用户体验。在本文中,我们将详细介绍如何在微信小程序中使用 `wx.chooseImage()` 和 `wx.previewImage()` 等 API 来实现从本地相册选择图片或使用相机拍照。
1. 从本地相册选择图片要从本地相册选择图片,需要使用 `wx.chooseImage()` 方法。这个方法会弹出一个选择图片的界面,让用户可以选择一张或多张图片。
API 文档:
* `wx.chooseImage(options)`
* 参数: `options`
* `count`:选取图片数量,最大为9 * `sizeType`: 图片尺寸类型(原图、压缩图)
* `sourceType`: 图片来源类型(相册、相机)
* 返回值: `Promise`
* `errMsg`:选择图片的结果 * `tempFilePaths`:选取的图片路径 示例代码:
```javascriptPage({
chooseImage: function() {
wx.chooseImage({
count:1, //选取1张图片 sizeType: ['original', 'compressed'], // 可以指定原图还是压缩后的图片 sourceType: ['album', 'camera'], // 从相册选择或拍照 success: function(res) {
console.log('选取的图片路径为:', res.tempFilePaths)
},
fail: function(err) {
console.log('错误信息:', err)
}
})
}
})
```
2. 使用相机拍照要使用相机拍照,需要使用 `wx.chooseImage()` 方法,并在 `options` 中指定 `sourceType` 为 `'camera'`。
示例代码:
```javascriptPage({
takePhoto: function() {
wx.chooseImage({
count:1, //选取1张图片 sizeType: ['original', 'compressed'], // 可以指定原图还是压缩后的图片 sourceType: ['camera'], // 从相机拍照 success: function(res) {
console.log('拍摄的图片路径为:', res.tempFilePaths)
},
fail: function(err) {
console.log('错误信息:', err)
}
})
}
})
```
3. 预览选取的图片要预览选取的图片,可以使用 `wx.previewImage()` 方法。
API 文档:
* `wx.previewImage(current, urls)`
* 参数: `current`, `urls`
* `current`: 当前显示的图片路径 * `urls`: 所有图片路径数组 * 返回值: 无 示例代码:
```javascriptPage({
previewImage: function() {
wx.previewImage({
current: '选取的图片路径', // 当前显示的图片路径 urls: ['选取的图片路径1', '选取的图片路径2'] // 所有图片路径数组 })
}
})
```
通过以上方法和示例代码,你可以轻松地在微信小程序中实现从本地相册选择图片或使用相机拍照功能。