简介
小程序项目中有个需求:用户聊天时可以上传图片,还能支持拍照。于是学习了一下,分享给大家。
微信小程序中有个wx.chooseImage的方法可以快捷调用达到需求的效果。
具体实现
1.为了简化代码,方便大家统一查看,于是没有拆分开来,选择图片与拍照写在了一起。
【有需要单独功能的,可直接调用chooseWxImage方法,并将type字段替换为"album"或者"camera"】。
// wxml
<view>
<button style="width: 100px;height: 40px;background: #438BEF;color: #fff;" bindtap='browse'>图片</button>
</view>
// js
Page({
data: {
aimgurl: "", // //临时图片的路径
countIndex: 1, // 可选图片剩余的数量
imageData: [] // 所选上传的图片数据
},
/*图片浏览及上传 */
browse: function(e) {
let that = this;<