1. 选择图片 - wx.chooseImage
通过 wx.chooseImage 方法,用户可以从相册中选择图片或使用相机拍照:
wx.chooseImage({
count: 1,
sourceType: ['album', 'camera'],
success: function (res) {
const tempFilePaths = res.tempFilePaths;
console.log('选择图片成功', tempFilePaths);
}
});
上述代码中的参数说明如下:
- count: 最多可以选择的图片张数。
- sourceType: 选择图片的来源,可以是相册('album')、相机('camera')或两者都支持。
- success: 选择图片成功的回调函数。
2. 预览图片 - wx.previewImage
通过 wx.previewImage 方法,用户可以在当前页面或全屏预览图片:
wx.previewImage({
current: 'https://example.com/image.jpg', // 当前显示图片的链接
urls: ['https://example.com/image.jpg', 'https://example.com/image2.jpg'] // 需要预览的图片链接列表
});
上述代码中的参数说明如下:
- current: 当前显示图片的链接。
- urls: 需要预览的图片链接列表。
3. 获取图片信息 - wx.getImageInfo
通过 wx.getImageInfo 方法,可以获取图片的详细信息,例如宽度、高度、文件大小等:
wx.getImageInfo({
src: 'https://example.com/image.jpg',
success: function (res) {
console.log('图片信息', res.width, res.height, res.size);
}
});
上述代码中的参数说明如下:
- src: 图片的文件路径或链接。
- success: 获取图片信息成功的回调函数。
4. 保存图片到相册 - wx.saveImageToPhotosAlbum
通过 wx.saveImageToPhotosAlbum 方法,可以将图片保存到用户的相册中:
wx.saveImageToPhotosAlbum({
filePath: 'https://example.com/image.jpg',
success: function () {
console.log('保存成功');
},
fail: function (error) {
console.error('保存失败', error);
}
});
上述代码中的参数说明如下:
- filePath: 需要保存的图片文件路径或链接。
- success: 保存成功的回调函数。
- fail: 保存失败的回调函数。
以上是一些微信小程序中常用的图片 API 示例。在实际应用中,你可能还需要考虑图片的上传、下载、处理等操作。详细的 API 使用方法和参数配置可以查阅[微信小程序官方文档 - 图片](https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html)。
转载请注明出处:http://www.zyzy.cn/article/detail/846/微信小程序