bootstrap-fileinput 完成上传或上传错误后清空输入框的方法

不多BB,直接上结果!

上传成功:.on("fileuploaded", function (event, data, previewId, index) {
            var obj = data.response;
            $(".fileinput-remove-button").click();  //模拟移除按钮单击事件
        })

上传失败:.on('fileuploaderror', function (event, data, msg) {
            var obj = data.response;
            setTimeout(function () {
                    $(".fileinput-remove-button").click();
                }, 1000)
        });

我这里用的是异步上传成功及失败的方法,如果你用的是同步上传,请自行更换为filebatchuploadsuccess和fileerror。

上传失败时如果直接调用$(".fileinput-remove-button").click(); 会发现文件框的路径信息已经清除掉了,但是移除和上传按钮还在,如果手动点击移除按钮就不会存在这个问题!

应该是这个事件还有其它处理把按钮又加上去了,经尝试延迟执行单击事件就可以解决!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值