HTML 文件输入 JS 事件答案

【问题标题】：HTML File input JS eventsHTML 文件输入 JS 事件
【发布时间】：2011-01-18 18:55:25
【问题描述】：

type=file 输入中是否有任何 JavaScript 事件？ IE。我想在选择一个已创建的文件时添加一个额外的file input：

图表：]：

file input 1
file input 2
file input 3

用户在input 1中选择了一些文件，JS添加了新的文件输入

file input 1 - somefile.txt
file input 2
file input 3
*NEW* file input 4

我正在寻找有意义的事件，我可以在其上绑定addFileInput 方法。

我也使用 jQuery 1.4 :]

谢谢

【问题讨论】：

没有input[type=html]这样的东西;)
我相信onchange 应该可以工作。
你可以考虑在支持<input type="file" multiple=""/>的浏览器中支持它。更多：hacks.mozilla.org/2009/12/multiple-file-input-in-firefox-3-6

【解决方案1】：

我相信onchange 应该可以工作。

【讨论】：

@TylerCollier 普通事件是element.onChange = function() {};，jQuery 等价物是$(element).delegate('change', function() {});。

【解决方案2】：

这是使用 Firebug 选择文件时 Firebug 记录的事件：

我猜是变化，是你要找的那个：

$ ('#your_form_id input[type=file]').live ('change', function () {
  $(this).parent ().append ($('<input type="file" />'));
})

你只需要调整选择器，前面的代码就可以工作了

【讨论】：

【解决方案3】：

我想你的意思是type=file？

唯一有意义的方法是同时使用 onclick 和 onchanged 并跟踪内容以查看它是否已更改。

【讨论】：