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

上传附件的时候我们经常会使用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的解决思想，已经测试过。

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/22561.html

微信打赏

支付宝打赏

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