微信小程序如何本地储存图片
时间: 2024-09-25 10:15:25 浏览: 53
微信小程序 本地数据存储实例详解
微信小程序提供多种本地存储选项,其中处理图片通常会用到的是`wx.saveImageToPhotosAlbum`和`wx.getImageInfo`方法。以下是基本步骤:
1. **保存图片到相册**:
- 首先,你需要获取用户选择的图片。可以使用`wx.chooseImage` API让用户从手机相册或相机选取图片。
- 获取到图片后,通过`res.tempFilePaths`拿到临时文件路径,然后使用`wx.saveImageToPhotosAlbum`将图片保存到手机的相册里。
```javascript
wx.chooseImage({
count: 1, // 可选,默认9,选取照片的数目
sizeType: ['original', 'compressed'], // 可选,分别表示原图和压缩后的图,默认二者都有
sourceType: ['album', 'camera'], // 可选,来源类型,只能二者之一,默认'album'
success: function(res) {
var tempFilePath = res.tempFilePaths[0];
wx.saveImageToPhotosAlbum({
filePath: tempFilePath,
success: function() {
console.log('图片已保存到相册');
},
fail: function() {
console.log('保存图片失败');
}
});
}
});
```
2. **读取图片信息**:
如果你想获取图片的元数据(如宽度、高度等),可以使用`wx.getImageInfo`:
```javascript
wx.getImageInfo({
src: tempFilePath,
success: function(res) {
console.log(res);
}
});
```
阅读全文