layui文件上传文件后自动清空已选择的文件（修改源码）
2021-10-28 15:15:33

layui文件上传文件后自动清空已选择的文件（修改源码）

Mattscl 2019-04-13 00:14:07 9274 收藏 4
分类专栏： 前端
版权

前端
专栏收录该内容
4 篇文章0 订阅
订阅专栏
最近遇到一个问题，就是使用layui文件上传控件的时候已经上传成功的控件会继续和原文件绑定在一起，影响第二次上传的效果（注意我是单文件上传控件，也就是每次只能选择一个文件）。

本来想要实现标题的效果，但是由于开发时间有限就换了一种解决方法。

当然这不是什么难题， 拿到layui的upoad.js源码分析一下还是可以找到对应的解决办法的。

前面多说了几句废话， 下面说一下解决方法：

在上传文件方法之前判断一下是否有上传过文件，如果有则不执行上传。

下面看一下layui中改动的源码，其实就是加一个判断：
在看一下我们实际使用的代码：
这是js代码：

这是页面代码：

以下是实际运行图：

————————————————
版权声明：本文为CSDN博主「Mattscl」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Mattscl/article/details/89266208