上传图片不能二次触发change事件【原创】

2017-11-15 11:00:14来源:http://blog.it985.com/22561.html作者:IT985博客人点击

分享

上传附件的时候我们经常会使用ajaxfileupload.js的插件(因为可以上传附件和图片,文档等,比较方便)


但是方便的同时我们来先看下有哪些问题吧:


上传图片或者附件的时候,我们会发现一次上传是可以成功上传的,但是点击第二次的时候,如果图片是一样的是没反应的,如果第一次上传不成功有时候也会没反应


该问题并不是由change事件失效造成的,而是ajaxFileUpload插件造成的,它会把原来的file元素替换成新的file元素,所以之前绑定的change事件就失效了,需要重新绑定一下


针对这个问题,我总结了几个方法,思想(大家自己写下代码)


如下:


第一种:

每一次change事件之后把这个input框remove掉,然后追加新的


第二种:

上传成功之后可以把原本的 输入框replace掉


第三种:

上传成功之后在ajax的complete:function()里面


重新调用一下change()方法,但是这个方法的缺点是:


如果一个页面上有几个相同class命名的input框(前提是使用class名称触发的change时间)


这样第一个class的上传不会有问题,但是后面的class上传会出现上传两次的情况(如果页面上只有一个上传的建议使用此方法)比较简单


但是是有前提的不能把前提忽略掉


第四种:

使用.live事件,但是从1.9以后版本的jquery就把这个事件移除了


以上就是我对=此类bug的解决思想,已经测试过。


转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/22561.html



微信打赏


支付宝打赏


感谢您对作者Niki的打赏,我们会更加努力!如果您想成为作者,请点我


最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台