vant-uploader上传照片无法删除

在微信小程序使用vant-uploader上传图片时，发现点击右上角的小叉叉无法删除图片，查看了源码：

（源码位置：miniprogram\miniprogram_npm@vant\weapp\uploader\index.js）

    deleteItem: function (event) {var index = event.currentTarget.dataset.index;this.$emit('delete',__assign(__assign({}, this.getDetail(index)), {file: this.data.fileList[index],}));},

发现里面点击删除只是向父组件传递了一个名为’delete’的事件，该事件包含点击的图片的下标。为了达到删除的目的，我们还需自己定义对应的删除函数。

解决方法：
在XML里获取delete事件，其中’deleteImg’为自定义的删除照片的操作：

    <van-uploader catch:delete="deleteImg" preview->      </van-uploader>

在JS里，写自己需要进行的操作：

  deleteImg(event){let index= event.detail.indexconsole.log(index)//输出的就是图片所在fileList的下标，自己根据需要进行操作就行},

vant-uploader上传照片无法删除相关推荐

利用vant组件上传照片修改自定义上传照片样式 exif插件整理照片旋转照片添加水印
前端只能简单压缩一次,循环压缩安卓没问题 iphone 会卡死机安装exif-js cnpm i exif-js --save npm i exif-js --save 当前页面引入 import ...
vant文件上传Uploader图片压缩
为什么要对图片进行压缩? 随着科技的发展,手机像素越来越好,拍摄的图片也越来越清晰.图片越清晰,体积也就越大.当移动端上传大图时就会发生卡顿,请求超时的情况.当图片过大时,图片预览也会非常慢,所以需要 ...
封装微信公众号上传照片方法
1.微信公众号上传照片方法 wxPic.js // 弹出提示消息的组件 import { Toast } from "vant"; // 微信JS-SDK文件,微信开发者官方有 i ...
华为云备份会上传私密相册吗_云相册有哪些作用？上传照片会不会占用手机内存？...
现在苹果.华为.小米.OPPO等手机都支持"云相册"功能,而且一般大容量的云相册都是收费的,根据云相册的容量一个月需要几元或者几十元不等.付费越多,云相册的空间就越大. 很多网友以 ...
微信小程序（上传照片功能、统计字数功能）
微信小程序仿淘宝申请界面中的"申请描述" 效果图:(上传照片功能.统计字数功能) .wxml : <view class="apply-describe" ...
my97显示服务器时间,封装Web Uploader 上传插件、My97DatePicker、百度编辑器的使用 (ASP.NET MVC)...
Web Uploader: WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件.在现代的浏览器里面能充分发挥HTML5的优 ...
报考上传照片时显示服务器错误,上传照片无法上传照片提示网络错误 – 手机爱问...
2007-12-03 为什么每次上传照片时都发生网络错电脑速度"慢"是主要问题. 新浪系统在调整图片显示,又要把博客全部过渡到新版本,系统有些混乱,很多显示都会异常,过一段时间会 ...
weui uploader php,weui表单 uploader上传组件使用教程
js代码// pages/02biaodan/05-uploader.js Page({ /** * 页面的初始数据 */ data: { files: [] }, chooseImage: func ...
vant框架上传组件---上传身份证两面图片需求并且压缩图片质量，非压缩长宽——商城项目
场景 1.vant框架上传组件-上传身份证两面图片需求并且压缩图片质量,非压缩长宽--商城项目 2.压缩图片质量大小-- 3.压缩逻辑因为是正反两面单独压缩执行,所以我这里使用 Promise.all ...
uni-app 实现照片水印并上传照片
话不多说,直接代码 <template><view class="wrap"><u-form :model="model" ref ...

vant-uploader上传照片无法删除

vant-uploader上传照片无法删除相关推荐

最新文章

热门文章