黄秀杰-小程序实现选择图片九宫格带预览

效果图

数据：

依赖接口wx .上传、选择图像与试映数据请求通过LeanCloud完成

图片选择：

https://MP。微信。QQ。com/debug/wxadoc/dev/API/media-picture。html # wxchooseimageobject

前端处理：

1.保存形象数组为已选择图片2.选择了更多图片后concat数组3.预览图集4.leancloud上传多图，目测顺序一致

js代码

const AV=require('./././utils/av-weapp.js ')变量；页面({ data: { images: []，uploadedimages 3360[]，imageWidth: getApp().屏幕宽度/4 - 10 }，在线加载：函数（选项){那=这个；var objectId=options . objectidconsole。日志(ObJect id)；}，选择图像：函数(){ //选择图片wx.chooseImage({ sizeType: ['压缩]，sourceType: ['相册','相机'],//可以指定来源是相册还是相机，默认二者都有成功：函数(res) { //返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的科学研究委员会属性显示图片var tempfile path=RES . tempfile path；控制台。日志(临时文件路径)；那个。setdata({ images :数据。图像。concat(tempfile path)})；} }) }，预览图像：函数(){ //预览图集wx。previewimage({ URLs 3360。数据。images })；}，submit: function () { //提交图片，事先遍历图集数组that.data.images.forEach(函数(临时文件路径){新AV .文件('文件名，{ blob : { uri : tempFilePath，}，} .保存()。然后(///file=console。日志(文件。URL())