微信小程序删除服务器图片,微信小程序实现图片上传放大预览删除代码

本文实例为大家分享了微信小程序图片上传放大预览的具体代码，供大家参考，具体内容如下

image.js代码：

= 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 < tempFilePaths.length; i++) {

if (imgs.length >= 9) {

that.setData({

imgs: imgs

});

return false;

} else {

imgs.push(tempFilePaths[i]);

}

// console.log(imgs);

that.setData({

imgs: imgs

});

}

});

},// 删除图片

deleteImg: function (e) {

var that = this;

var imgs = that.data.imgs;

var index = e.currentTarget.dataset.index;//获取当前长按图片下标

wx.showModal({

title: '提示',content: '确定要删除此图片吗？',success: function (res) {

if (res.confirm) {

console.log('点击确定了');

imgs.splice(index,1);

} else if (res.cancel) {

console.log('点击取消了');

return false;

}

that.setData({

imgs: imgs

});

}

})

},// 预览图片

previewImg: function (e) {

//获取当前图片的下标

var index = e.currentTarget.dataset.index;

//所有图片

var imgs = this.data.imgs;

wx.previewImage({

//当前显示图片

current: imgs[index],//所有图片

urls: imgs

})

}

})

image.wxml代码：

上传

保存到服务器上的代码未完待续。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

微信小程序删除服务器图片,微信小程序实现图片上传放大预览删除代码相关推荐

小程序上传图片到七牛云（支持多张上传，预览，删除）
以下为wxml (使用的vant小程序ui框架,需在json文件里自行引入) <view class='clearFloat'><view class='upload_title'& ...
微信小程序多图片上传支持预览删除设置数量上限
github地址: https://github.com/Volcano-Yang/miniprogram-picture-upload Miniprogram-Picture-Upload 努力帮助 ...
微信小程序基于vant和springboot实现附件上传和预览
前言图片上传和预览在移动端应用非常广泛和频繁,vant组件库van-uploader组件已经帮我们实现了大部分功能,但是在系统中频繁使用还是有点麻烦,我们根据自身的业务系统重新封装了一下简化我们的开 ...
小程序结合Vant Weapp实现多张图片的上传和预览
前言: 不太懂为啥Vant Weapp的官方文档明明可以写全代码,却只放了一部分出来,关于云开发的案例也是写得蛮晦涩难懂的,参考了以下的文档: 云开发能力基础讲解小程序官方文档wx.cloud.up ...
解决uniapp小程序打包体积超过2M，提示包体积超过2M，“main packagexxx”,不给上传和预览的解决办法，绝对有效
解决办法,原文地址: 解决uniapp小程序打包体积超过2M,提示包体积超过2M,"main packagexxx",不给上传和预览的解决办法,绝对有效!在微信小程序开发中,为了解 ...
jQuery图片批量上传插件源码，支持批量上传、预览、删除、放大，可配置上传数量、上传大小、追加方式，含详细使用文档
jQuery图片批量上传插件源码,支持批量上传.预览.删除.放大,可配置上传数量.上传大小.追加方式,含详细使用文档程序包内含使用Demo 完整程序源代码:jQuery图片批量上传插件源码上传前 ...
MUI 图片上传、预览、删除重选等等实现
MUI 图片上传.预览.删除重选等等实现本地项目路径: C:\Users\Administrator\Desktop\超实用的javascript代码\10.5 - MUI 轮播\login\set ...
uni-app知识点整理（5）- 网络请求、数据缓存、图片上传和预览
目录一.网络请求 1.1 发送get请求二.数据缓存 2.1 uni.setStorage(OBJECT) 2.2 uni.setStorageSync(KEY,DATA) 2.3 uni.get ...
html之file标签 --- 图片上传前预览 -- FileReader
记得以前做网站时,曾经需要实现一个图片上传到服务器前,先预览的功能.当时用html的<input type="file"/>标签一直实现不了,最后舍弃了这个标签,使用了 ...

微信小程序删除服务器图片,微信小程序实现图片上传放大预览删除代码

微信小程序删除服务器图片,微信小程序实现图片上传放大预览删除代码相关推荐

最新文章

热门文章

微信小程序 删除服务器图片,微信小程序实现图片上传放大预览删除代码

微信小程序 删除服务器图片,微信小程序实现图片上传放大预览删除代码相关推荐

最新文章

热门文章

微信小程序删除服务器图片,微信小程序实现图片上传放大预览删除代码

微信小程序删除服务器图片,微信小程序实现图片上传放大预览删除代码相关推荐