学习微信小程序开发时遇到图片的批量增删问题,在分析了一些大佬的代码之后总结如下:
先定义一个临时数组承接已有的数组,进入循环用push来增加内容,或者用splice来删除内容,然后循环结束后,用setData把临时数组更新到原数组名下。
示例代码:文章来源:https://www.toymoban.com/news/detail-529211.html
data: {
imageList: [],
},
wx.chooseImage({
sizeType: ['compressed'],
sourceType: ['album', 'camera'],
success: res => {
// 获取上传图片的临时路径
var tempFilePaths = res.tempFilePaths;
// 定义一个承接已有数组内容的临时数组,此时是空
var imageList = this.data.imageList;
// 通过循环增加添加图片的临时路径
for (var i = 0; i < tempFilePaths.length; i++) {
imageList.push(tempFilePaths[i]);
}
}
// 把临时数组更新到data中的imageList
this.setData({
imageList: imageList,
})
// 也可以删除临时数组中的内容
imageList.splice(2, 1) // array.splice(index,howmany,item1,.....,itemX) index是处理的位置,howmany是删除的元素量,后面是要添加的新元素
this.setData({
imageList: imageList,
})
})
日拱一卒 功不唐捐~文章来源地址https://www.toymoban.com/news/detail-529211.html
到了这里,关于【微信小程序】JS文件内数组循环(批量)更新方法 图片批量增删的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!