最新消息:文章中包含代码时,请遵守代码高亮规范!

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

杂项 Niki 149浏览 0评论

上传附件的时候我们经常会使用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


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

您必须 登录 才能发表评论!