Vant Uploader 文件上传 before-delete 文件删除前的回调函数

首先,如果上传或删除图片需要传参使用

return file => {}

name:标识符,可以在回调函数的第二项参数中获取;
before-delete:文件删除前的回调函数;
after-read:文件读取完成后的回调函数;

 文件读取完后的回调:检测传递值数组元素是否为数组

let vm = this
vm.fileListIs.length = vm.fileList.length
if(vm.fileListIs[elIndex] instanceof Array){
  vm.fileListIs[elIndex].push(res.data)
}else{
  vm.fileListIs[elIndex] = new Array();
  vm.fileListIs[elIndex].push(res.data)
}

 文件删除前回调:

beforeDelete(elIndex) {
  let vm = this;
  //name.index代表图片的索引
  return (file, name) => {
    let fileIndex = name.index
    // console.log(fileIndex)
    vm.fileList[elIndex].splice(fileIndex, 1)
    vm.fileListIs[elIndex].splice(fileIndex, 1)
  }
},

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: vant uploader 是一个基于 Vue.js 的文件上传组件,可以方便地实现文件上传功能。它支持多文件上传、拖拽上传、图片压缩、图片裁剪等功能,同时还提供了上传进度条、上传成功/失败的提示等交互效果。使用 vant uploader 可以大大简化文件上传的开发工作,提高开发效率。 ### 回答2: Vant Uploader 是一个流行的上传组件,它提供了一个方便的界面供用户上传文件,同时可以实现限制文件类型、大小、数量等功能。Vant Uploader 还可以与后端服务进行交互,确保服务器可以正确处理文件上传请求。 Vant Uploader 具有以下特点: 1. 高度定制化:可以通过配置参数和键盘事件来自定义组件样式和交互方式。 2. 多类型文件上传:可以上传图片、视频、压缩文件等多种格式。 3. 多文件上传:多个文件可以通过 Vant Uploader 一次性上传。 4. 文件限制:可以限制上传文件大小、类型和数量等。 5. 自动压缩:Vant Uploader 可以自动压缩图片文件,减小文件大小,提高上传速度。 6. 稳定可靠: Vant Uploader 提供了错误处理机制和进度条等功能,确保文件上传过程中不会出现意外错误。 总体而言,Vant Uploader 是一个功能强大、易于使用的文件上传组件,它可以提高用户上传文件的效率,并保证服务器可以正确处理上传请求,是开发者们开发网站或应用程序时的首选组件之一。 ### 回答3: VanT Uploader是一款强大的文件上传插件,它基于Vue.js框架开发,使得上传文件变得更加容易。 VanT Uploader的使用非常简单,只需要在Vue组件中引入插件,然后使用指令v-uploader即可。你可以自定义组件的样式、文件类型、上传数量、文本语言等,满足不同上传场景的需求。 VanT Uploader还提供了丰富的事件和方法,包括文件验证、文件上传上传进度、上传成功/失败等等,帮助你进行更加精细的控制和定制。 相比于传统的文件上传方式,VanT Uploader的优点也十分明显。它支持分片上传,可以大大提高上传效率和稳定性。同时,也可以实现断点续传,避免用户上传中途出现意外导致的文件丢失,提升用户体验。 总之,VanT Uploader是一款高效、灵活、易用的文件上传插件,可以帮助你轻松实现多种文件上传场景,提升网站的上传功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_格鲁特宝宝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值