小程序--图片添加、删除
来源:互联网 发布:如何查看淘宝等级 编辑:程序博客网 时间:2024/04/26 06:15
首先在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 iin 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
});
}
})
},
阅读全文
0 0
- 小程序--图片添加、删除
- js小程序 数组元素的添加和删除
- Fedora添加删除程序
- 隐藏添加删除程序
- 学生添加、删除程序
- 小程序tabBar添加
- 小程序---信息添加
- 小程序--添加用户信息
- 单个图片、批量图片添加自定义水印内容小程序开发
- 小程序图片上传
- 小程序图片预览
- fckeditor添加删除图片功能
- 图片 按钮: 添加+删除+替换
- “添加/删除程序”无法打开
- 小程序列表删除功能
- 前端小程序——js+canvas 给图片添加水印
- 小程序label添加下划线
- js图片漂浮小程序
- php2维数组遍历
- 文章标题
- 关于Java中的自动类型转换
- ifconfig命令查看ip及命令详解
- Banner无限自动轮播的使用
- 小程序--图片添加、删除
- lightoj 1033
- 通过类的应用,实现对学生的属性定义
- Hive通过JavaAPI操作
- Windows XP下如何取消打印机与任务计划的共享
- highcharts报表开发 一:chart配置
- VMware 虚拟化编程(2) — 虚拟磁盘文件类型详解
- 分享一个我写的io序列化类IOPack
- Hadoop学习3:Hadoop核心组件-MapReduce