摘要：
官方网站中的代码可以选择Image。计数表示可以选择的最大图片数。SizeType表示所选图片的大小。sourceType表示所选图片的来源。有关详细信息，请仔细阅读文件。wx。ChooseImage有许多这样设计的函数。点击按钮后，手机底部会弹出一个查询按钮，询问是从手机中选择照片还是调用相机功能拍照。事实上，您只需要进一步调用此函数showActionSheet。
官网里面的代码,使用chooseImage即可，count表示最多可以选择的图片张数， sizeType表示所选的图片的尺寸sourceType表示选择图片的来源，详情可以仔细阅读一下文档。
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success(res) {
// tempFilePath可以作为img标签的src属性显示图片
const tempFilePaths = res.tempFilePaths
}
})有很多功能设计的时候是这样的，点击按钮之后会从手机的底部弹出来一个询问按钮，询问是从手机里选择一张照片，还是调用摄像功能拍摄照片，这个时候其实只要多调用一下这个函数showActionSheet就可以了。
效果如下：点击按钮，选择图片进行替换，或者拍到一张照片，进行更换。
代码：
wxml:
<view class="container">
<view>
<button bindtap="chooseimage">点击更换图片</button>
</view>
<view>
<image src="http://t.zoukankan.com/{{img}}" catchTap="chooseImageTap" mode="aspectFit" />
</view>
</view>wxss:
.btn {
margin: 140rpx;
}
.img {
100%;
height: 480rpx;
}js
Page({
data: {
img: '../../images/1.jpg'
},
onLoad: function() {},
chooseWxImage: function(type) {
var that = this;
wx.chooseImage({
sizeType: ['original', 'compressed'],
sourceType: [type],
success: function(res) {
console.log(res);
that.setData({
// tempFilePath可以作为img标签的src属性显示图片
img: res.tempFilePaths[0],
})
}
})
},
chooseimage: function() {
var that = this;
wx.showActionSheet({
itemList: ['从相册中选择', '拍照'],
itemColor: "#a3a2a2",
success: function(res) {
if (!res.cancel) {
if (res.tapIndex == 0) {
that.chooseWxImage('album')
} else if (res.tapIndex == 1) {
that.chooseWxImage('camera')
}
}
}
})
},
})