2023年微信小程序API 图片·从本地相册选择文件
作者: --时间: 2025-06-28 03:45:20
阅读量:
微信小程序API 图片·从本地相册选择文件
当企业想要为其小程序添加图片上传功能时,可以通过微信小程序API的wx.chooseImage实现。这个API可以让用户从本地相册或使用相机进行拍照, 并且可以选择多张图片进行上传。
1. 设置上传图片的数量(count)
通过设置count参数,开发者可以控制用户一次最多可以上传的图片数量,默认为9张,但也可根据需要进行修改。
2. 控制上传图片的尺寸(sizeType)
在上传图片时,如果不限制图片尺寸,则会直接使用原图进行上传。但如果想要压缩图片,则可以通过设置sizeType属性来实现。该属性有两种可选值:original(原图),compressed(压缩图)。
3. 选择上传图片的来源(sourceType)
除了从相册中选择图片外,wx.chooseImage API还允许用户使用相机进行拍照并上传。 对于需要区分这两种方式的场景,可以使用sourceType属性进行区分。该属性同样也有两种可选值:album(从相册选图),camera(使用相机)。
4. 获取上传成功的回调函数(success)
在进行图片上传成功后,wx.chooseImage API会返回一个包含上传图片信息的res对象。其中包含tempFilePaths和tempFiles两个属性,分别对应上传图片的本地临时文件路径列表和图片的本地临时文件列表。开发者可以自定义回调函数处理上传成功后的图片信息。
以上是通过wx.chooseImage API实现小程序图片上传的简要介绍,相信能够帮助你更好地理解和应用该API。
以下为示例代码:
```
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success (res) {
// tempFilePath可以作为img标签的src属性显示图片
const tempFilePaths = res.tempFilePaths
}
})
```