微信小程序选择图片（相册中选择/相机拍摄）
微信小程序中关于选择函数有专门的函数：
wx.chooseImage(Object object)从本地相册选择图片或使用相机拍照。
参数 Object object| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| count | number | 9 | 否 | 最多可以选择的图片张数 |
| sizeType | Array. | ['original', 'compressed'] | 否 | 所选的图片的尺寸 |
| sourceType | Array. | ['album', 'camera'] | 否 | 选择图片的来源 |
但是直接使用chooseImage()函数时，小程序直接进入系统相册，无法选择相机拍摄，因此需要使用showActionSheet调出操作选择菜单，根据用户选择，在chooseImage函数中的sourceType中传入单一参数值，而不管是相册选择还是手机拍照，chooseImage都会返回图片路径，直接在url中调用路径就可以显示图片。
完整代码：
uploadImage(e){
var vm = this
wx.showActionSheet({
itemList: ['从相册中选择', '拍照'],
success: function(res) {
if (res.tapIndex == 0) {
vm.chooseUploadImage('album')
} else if (res.tapIndex == 1) {
vm.chooseUploadImage('camera')
}
},
fail: function(res) {
console.log(res.errMsg)
}
})
},
chooseUploadImage(type){
var vm = this
var row = vm.data.imageList.length
if(row < 4){
wx.chooseImage({
count: 4-row,
sizeType: ['compressed'],
sourceType: [type],
success (res) {
var array = res.tempFilePaths
for(var i=0;i<array.length;i++){
vm.data.imageList[row] = array[i]
row++
}
vm.setData({
imageList:vm.data.imageList,
})
}
})
}else{
wx.showToast({
title: '最多上传4张图片',
duration: 2000,
icon:'none'
})
}
}
效果图：
原文作者：喵喵叫的猴
电子邮箱：zhoujian@yztcsoftware.com
作者：喵喵叫的猴
