HTML文件输入JS事件

Ada*_*iss 20 html javascript jquery file

type=file输入中是否有任何JavaScript事件?IE我想file input在已经创建的文件中添加一个额外的文件:

图:]:

file input 1
file input 2
file input 3
Run Code Online (Sandbox Code Playgroud)

用户选择一些文件input 1,JS添加新文件输入

file input 1 - somefile.txt
file input 2
file input 3
*NEW* file input 4 
Run Code Online (Sandbox Code Playgroud)

我正在寻找有意义的事件,我可以绑定addFileInput方法.

我也使用jQuery 1.4:]

谢谢

Ion*_*tan 36

我认为onchange应该工作.

  • @TylerCollier vanilla事件是`element.onChange = function(){};`和jQuery等价物是`$(element).delegate('change',function(){});`. (4认同)

Mat*_*ieu 26

以下是使用Firebug选择文件时Firebug记录的事件:

  • 单击clientX = 885,clientY = 207
  • 模糊
  • 焦点
  • 更改
  • 它等待DOMActivate
  • 它等待DOMActivate
  • mouseout clientX = 162,clientY = 27

我想改变,是你正在寻找的那个:

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

你只需要调整选择器,以前的代码应该工作