微信小程序使用wx.chooseMedia选择图片,使用wx.previewImage预览图片
时间: 2024-09-15 22:09:25 浏览: 101
微信小程序wx.previewImage预览图片
5星 · 资源好评率100%
微信小程序中,`wx.chooseMedia` API 可以用于用户选择本地图片,通过以下步骤实现:
1. **调用chooseMedia**:
```javascript
wx.chooseMedia({
type: 'image', // 请求图片资源,默认值
count: 1, // 默认选择一张图片,可选范围0~9
success: function(res) {
var tempFilePath = res.tempFilePath; // 获取到临时文件路径
// 这里可以将tempFilePath用于后续操作,如上传、展示等
},
fail: function(err) {
console.error('获取图片失败:', err);
}
});
```
2. **预览图片**:
获得图片后,使用 `wx.previewImage` 展示图片,让用户预览:
```javascript
wx.previewImage({
current: tempFilePath, // 当前显示的图片路径
urls: [tempFilePath], // 需要预览的图片数组
success: function() {
console.log('图片预览成功');
},
fail: function(err) {
console.error('预览图片失败:', err);
}
});
```
阅读全文