文件未上传成功再次点击上传报错问题处理

开发中常常会用到文件上传这样的场景，但是有些接口上传文件只支持单个文件上传，当第一个文件没上传成功时再次点击上传文件就会报错

解决办法：定义一个变量disabled. 默认为false 绑定在upload上。注：记得在data中声明disabled

在上传中的事件 :on-progress 中将disable置为true 表示禁用不能点击

handelProgress(event, file, fileList) {console.log(event, file, fileList);this.disabled = true;},

在上传成功和上传失败的事件中 :on-success :on-error 再将disabled置为false 表示可用

handleUploadSuccess(res, file) {this.disabled = false;},handleError() {this.disabled = false;},

这样只要有上传中的文件就会出发handelProgress方法将disabled设置为true 此时不可点击文件上传有两种结果一种是上传成功一种是上传失败，在这两个钩子函数中将disabled设置为false 此时上传按钮恢复可以点击的状态完美解决！！

文件未上传成功再次点击上传报错问题处理相关推荐

element ui upload组件文件上传一次后，不论是上传成功之后修改文件再上传还是上传失败重新上传，再次点击上传均无反应。
问题: Element UI Upload 组件文件上传一次后,不论是上传成功之后修改文件再上传还是上传失败重新上传,再次点击上传均无反应. 原因: 第一次上传文件后,浏览器还保存着我们已经上传的文 ...
关于在win764位上游戏安装过后，点击exe运行报错，并且出现提示为：所执行的exe[3928]中发生了未经处理的win32异常。以及关于极品飞车16的一些个人理念...
关于在win764位上游戏安装过后,点击exe运行报错,并且出现提示为:所执行的exe[3928]中发生了未经处理的 win32异常. 关于游戏报错的问题我上网查了很多东西.游戏下载的官网论坛会有一些 ...
python unittest执行程序在pycharm可以成功运行但使用cmd会报错：E列表 test_register (unittest.loader._FailedTest)
python unittest执行程序在pycharm可以成功运行但使用cmd会报错如题,在pycharm中执行主程序运行成功: 用例執行.debug日志均沒問題在cmd执行主程序报错: 最惡心的 ...
vue项目dist编译文件部署到服务器：页面空白、F5刷新报错404、403报错、等等bug - 总结篇
文章目录问题一. vue编译打包dist文件之后部署到线上服务器 ,访问页面却是空白? 问题二.如果不是空白,页面F5之后就又变成空白? 以Nginx服务器为例,(如下图FTP所示) `404报错: ...
登录网银显示服务器内部错误怎么办,网银提示无法大额转账？点击登录出现报错？解决方法看这里...
原标题:网银提示无法大额转账?点击登录出现报错?解决方法看这里为帮助大家能够更好地使用江西·农商银行网上银行今天小编收集了一些关于网上银行的常见问题并详细为大家解答 1️⃣ 跨行转账(个人 ...
在学习thymeleaf中，给function 方法传Controller传递过来的参数，报错：Uncaught SyntaxError: missing ) after argument list
在学习thymeleaf中,给function 方法传Controller传递过来的参数. 报错:Uncaught SyntaxError: missing ) after argument list ...
解决vue项目中重复点击导航路由报错
vue版本 "vue": "^2.6.11", 主要代码 //重复点击导航路由报错 const originalPush = VueRouter.prototy ...
IDEA点击download source 报错：Caused by: java.rmi.ConnectException: Connection refused to host: 127.0.0.1
IDEA点击Download sources 报错:Caused by: java.rmi.ConnectException: Connection refused to host: 127.0.0. ...
IDEA导入Maven项目，pom.xml文件中有inspects a maven model for resolution problems报错 !!!!!!!!!!有用
IDEA导入Maven项目,pom.xml文件中有inspects a maven model for resolution problems报错 2018年08月06日 22:13:09 东方不能 ...

文件未上传成功再次点击上传报错问题处理

文件未上传成功再次点击上传报错问题处理相关推荐

最新文章

热门文章