vant weapp 多选上传图片_云开发中使用vantweapp的upload组件——更新图片操作

在app.js中我封装了云数据库操作的方法，因此在页面js中直接调用，如

app.updateInfo(that.data.setName,_id,theInfo,e=>{})就是封装的修改数据库方法，参数分别为云数据库集合名称、被修改的数据id，更改后的数据，回调函数

1 /**2 * 页面的初始数据3 */

4 data: {5 setName: '' , //要请求的数据库库名

6

7 updateId: '' , //要更新的商品的Id

8 fileList:[], //上传文件临时存储数组

9 folder: 'goods' , //云存储中文件上传的目标文件夹

10 tmpUrlArr: [], //需要预览的图片http链接列表(云存储中File ID)

11

12

13 //delGoodsId: "", //要删除的商品id

14 cardNum:1, //商品操作选项卡界面，默认第一页，即添加商品(第二页上架修改，第三页送货管理)

15 time:0, //16 manageList: [], //添加到云数据库库后，根据创建时间降序排列的数据，即修改数据时需要显示的数据

17 path:'' , //拼接云存储中文件路径

18

19

20 //上传的信息

21 classify:'' , //商品所属类别

22 goodsId: null , //商品编号

23 name:null , //商品名称

24 price: null , //价格

25 unit: null , //单位

26 detail: "", //商品详细介绍

27 myClass: 0 , //今日特惠, 0 表示不加入特惠，1表示加入

28 recommend: 0 ,//店主推荐

29 onShow: true, //销售状态，默认是上架

30 myClass_Arr: ['否','是'], //特惠商品名单选项，添加商品时可以设置商品是否为今日优惠

31 recommend_Arr: ['否','是'], //是否加入推荐商品名单

32

33 delDBData:[] , //云存储中要被删除的文件列表

34

35 },

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

// console.log('传递的商品id',options.id)

// console.log('传递的数据库名setName',options.setName)

//要修改的商品id

// console.log(options.id)

var updateId = options.id ;

this.setData({

updateId: updateId ,

setName: options.setName

})

var that = this ;

app.getInfoWhere(options.setName,{_id: updateId}, e=>{

// console.log(e)

// console.log({_id: updateId})

//商品详情信息

var goodItem = e.data["0"] ;

that.setData({

classify: goodItem.classify ,

name: goodItem.name ,