微信小程序上传照片（微信小程序怎么发布内容）

序言：微信小程序上传图片wx.chooseImage的使用方法，支持本地相册选择图片或使用相机拍照，可一次性上传多张图片，本文介绍如何使用wx.chooseImage上传多图。

小程序wx.chooseImage上传图片，支持相册选择图片或使用相机拍照

文档地址：

https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html

小程序wx.chooseImage上传图片，支持相册选择图片或使用相机拍照

实例

小程序wx.chooseImage上传图片，支持相册选择图片或使用相机拍照

wxml

<view class="release-list release-imglist"> <viewstyle="width:100%;"class="list-tit">商品多图<text>*</text></view><viewstyle="font-size:26rpx;color:#db000f;margin-top:-20rpx;margin-bottom:6rpx;">注：第一张图作为封面图，建议尺寸800px*800px</view><viewclass="list-img flex row-wrap"><viewclass="img"wx:for="{{uploaderList}}"wx:key="{{index}}"><imagesrc="{{item}}"bindtap='showImg'data-index="{{index}}"></image><imageclass="img-close"src="../../images/icon-close.png"bindtap='clearImg'data-index="{{index}}"></image></view><viewclass="img"><imagebindtap='upload'src="../../images/img-add.png"></image></view></view></view>

data:{ uploaderList: [], //保存上传图片url的数组} //上传图片upload: function(e) { varthat = this; //选择图片wx.chooseImage({ count: 9, // 默认6sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有success: function(res) { for(vari=0;i<res['tempFilePaths'].length;i++){ varimgurl = res.tempFilePaths[i]; varimageArr = that.data.uploaderList; wx.showLoading({ title:'上传中', }) wx.uploadFile({ url: HTTP_REQUEST_URL+'/api/public/upload', //仅为示例，非真实的接口地址filePath: imgurl, name: 'file', formData: { type:'image'}, success (res){ console.log(data); wx.hideLoading(); vardata = JSON.parse(res.data); if(data['status']==200){ imageArr.push(data['data']['video_url']); that.setData({ uploaderList:imageArr }) }else{ wx.showToast({ title: data['msg'], icon:'none'}) } } }) } } }) }, //展示图片showImg: function(e) { varthat = this; wx.previewImage({ urls: that.data.uploaderList, current: that.data.uploaderList[e.currentTarget.dataset.index] }) }, // 删除图片clearImg: function(e) { varthat = thisvarnowList = [];//新数据varuploaderList = that.data.uploaderList;//原数据for(leti = 0; i < uploaderList.length; i++) { if(i == e.currentTarget.dataset.index) { // var arr = that.data.joinString.split(',')// arr.splice(i, 1); //删除图片的同时删除掉其对应的ID// var newArr = arr.join(',')// that.setData({// joinString:newArr,// id:newArr+','// })} else{ nowList.push(uploaderList[i]) } } that.setData({ //uploaderNum: this.data.uploaderNum - 1,uploaderList: nowList, //showUpload: true,}) },

效果图

小程序wx.chooseImage上传图片，支持相册选择图片或使用相机拍照