您的位置:首页 > 其它

input输入框file类型第二次不触发onchange事件的解决办法,简单有效

2018-02-06 14:15 218 查看

  在网上看了很多办法,现在将网上大部分说法总结如下:

       网上说法:

         原因:选择一次后onchange事件没有绑定到input标签上;

         解决办法:拷贝一份input标签的副本,每次选择后对原input标签进行替换。

  

  我觉得网上给出的办法每次都要做回调,太麻烦了。应该还有更简单的做法。

 

  探究input输入框file类型第二次不触发onchange事件的根本原因,可以知道:(1) 原来是 ajaxFileUpload 插件造成的,它会把原来的file元素替换成新的file元素,所以之前绑定的change事件就失效了。(2)上传时,当第二次点击同一个文件,由于value值没有发生变化,无法触发change/onchange事件。

 

  所以,问题的关键是input 的value 值!!!

 

  我的做法:

    只需要在选择一次后将input标签的value属性置为空即可,即

$('#inputId').val('')
,简单粗暴有效。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐