小程序--图片添加、删除

最新推荐文章于 2023-12-25 17:08:35 发布

小小小hugo

最新推荐文章于 2023-12-25 17:08:35 发布

阅读量4.7k

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/qq_23040853/article/details/78319164

版权

小程序专栏收录该内容

4 篇文章 0 订阅

订阅专栏

   首先在data定义一个存放图片的数组 

  例：img[] 

  然后在wxml 用wx.for循环出img的数据即可 

  scImg: 
 function () { 

 
 var that = 
  this; 

  wx.chooseImage({ 

  count: 
 6, 

  success: 
 function (res) { 

 
 var tempFilePaths = res.tempFilePaths; 

 
 var imgList = that.data.img; 

 
 for ( 
 var i 
 in tempFilePaths){ 

  imgList.push(tempFilePaths[i]) 

}

  that.setData({ 

  img: imgList 

})

}

})

   delImg: 
  function (e) { 
 
  var index = e.currentTarget.dataset.index; 
 
  var Img = 
   this.data.img; 
 
  var that = 
   this; 
 
   wx.showModal({ 
 
   title: 
  '提示', 
 
   content: 
  '确定要删除此商品吗？', 
 
   success: 
  function (res) { 
 
  if (res.confirm) { 
 
   console.log( 
  '用户点击确定') 
 
   Img.splice(index, 
  1); 
 
   } 
  else 
   if (res.cancel) { 
 
  return 
   false 
 
   console.log( 
  '用户点击取消') 
 
   } 
 
   that.setData({ 
 
   img: Img 
 
   }); 
 
   } 
 
   }) 
 
   },