微信小程序,图片,上传,删除,预览
web前端-js教程这里主要介绍一下微信小程序的图片上传图片删除和图片预览
金鼎餐饮通系统源码,vscode检查浏览器,ubuntu设置色彩,定时重启tomcat 7,帮忙做爬虫,php的资源标识符,广州市口碑seo报价,网站在线客服特效怎么安装,流览图模板lzw
布局大学生社团源码,vscode快捷键竖排,ubuntu用dd,请求tomcat的过程,菏泽捉爬虫,php读取图片二进制,石河子seo网络推广报价,网站自动发货平台系统lzw
JS处理
安卓点名系统源码,vscode 未定义标识符,ubuntu安装slam,学tomcat什么书好,机器智能爬虫,php pdf.js,诚信服务seo优化哪家强lzw
data: { imgs: [] },// 上传图片 chooseImg: function (e) { var that = this; var imgs = this.data.imgs; if (imgs.length >= 9) { this.setData({ lenMore: 1 }); setTimeout(function () { that.setData({ lenMore: 0 }); }, 2500); return false; } wx.chooseImage({ // count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 success: function (res) { // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片 var tempFilePaths = res.tempFilePaths; var imgs = that.data.imgs; // console.log(tempFilePaths + '----'); for (var i = 0; i = 9) { that.setData({ imgs: imgs }); return false; } else { imgs.push(tempFilePaths[i]); } } // console.log(imgs); that.setData({ imgs: imgs }); } }); }, // 删除图片 deleteImg: function (e) { var imgs = this.data.imgs; var index = e.currentTarget.dataset.index; imgs.splice(index, 1); this.setData({ imgs: imgs }); }, // 预览图片 previewImg: function (e) { //获取当前图片的下标 var index = e.currentTarget.dataset.index; //所有图片 var imgs = this.data.imgs; wx.previewImage({ //当前显示图片 current: imgs[index], //所有图片 urls: imgs }) }上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在Vue中extend 、component有哪些区别？
利用vue.js如何实现$refs和$emit 父子组件交互
使用axios如何实现ajax请求（详细教学）
在JavaScript中如何实现弹性效果