微信开发小程序 实现多张图片上传
时间: 2023-08-01 21:07:00 浏览: 56
要实现多张图片上传,可以使用微信小程序的wx.chooseImage() API。该API可以让用户从相册或者拍照中选择图片,选择完成后可以通过wx.uploadFile() API将图片上传至服务器。
以下是一个示例代码:
```javascript
// 在页面中添加一个按钮,绑定选择图片事件
<view>
<button bindtap="chooseImage">选择图片</button>
<image wx:for="{{images}}" wx:key="{{item}}" src="{{item}}"></image>
</view>
// 在Page中定义chooseImage方法
Page({
data: {
images: []
},
chooseImage: function () {
var that = this
wx.chooseImage({
count: 9,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success: function (res) {
// 选择完成后将选择的图片添加到images数组中
var tempFilePaths = res.tempFilePaths
that.setData({
images: that.data.images.concat(tempFilePaths)
})
}
})
}
})
```
在以上示例代码中,我们定义了一个包含一个按钮和一个图片列表的页面。当用户点击按钮时,会触发chooseImage方法。在chooseImage方法中,我们使用wx.chooseImage() API让用户选择图片,选择完成后将选择的图片路径添加到images数组中。最后,在页面中将images数组中的图片路径渲染到页面上。
需要注意的是,wx.uploadFile() API可以用来将图片上传至服务器,但是具体的实现方式需要根据服务器的具体实现来进行调整。