layui upload避免“手抖”导致的重复上传文件

最简单的解决方案:剁手啊!
不比比,看下图:

上传附件

现在存在问题:快速点击多次开始上传按钮,会把同一个附件上传多次。要解决这个问题,最好控制的是后台,可关键是后台不在本地束手无策(后台小哥哥给我的回复)。百度到这个问题的解决方案都是不能应对我的实际情况的,苦思冥想好久无果,主管大人给了灵感:直接重写一个按钮覆盖掉绑定的上传按钮,在新按钮的点击事件里触发一下绑定按钮的click事件。话虽如此,实践起来还是经历了很多波折,最终版:
1.创建一个新按钮,完全盖住原有的按钮;
2.新按钮的点击事件里触发绑定按钮的click事件,注意在此之前必须禁用掉新按钮,防止多次触发;

禁用新按钮、触发绑定按钮的click事件

3.注意在error方法里解除新按钮的禁用(考虑到上传失败重传的问题)。

重传时重新启用新按钮

我解决问题之后,需求老哥哥想了想,确实多次点击多次上传不应该算是个大问题。🙄

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 22、JQ的基础语法、核心原理和项目实战 jQ的版本和下载 jQuery版本 1.x:兼容IE6-8,是目前PC端...
    萌妹撒阅读 1,781评论 0 0
  • dom事件 1.什么是事件?事件就是一件事情或者行为(对于元素来说他的很多事件都是天生自带)只要我们去操作这个元素...
    田成力阅读 672评论 0 0
  • 2017.02.22 可以练习,每当这个时候,脑袋就犯困,我这脑袋真是神奇呀,一说让你做事情,你就犯困,你可不要太...
    Carden阅读 1,405评论 0 1
  • [1. 问题][1.1 问题描述][1.2 代码] [2. 第一个问题的解决][2.1 一开始的解决:][2.2 ...
    哪种生活可以永远很轻松阅读 14,135评论 4 3
  • mobileHack 这里收集了许多移动端上遇到的各种坑与相对解决方案 工具类网站 HTML5 与 CSS3 技术...
    Zoemings阅读 6,585评论 0 12