CODEWITHSUNDEEP
javascriptjqueryhtmlfile
Adam Kiss
Adam Kiss

Reputation: 11859

HTML File input JS events

Are there any JavaScript events in type=file input? I.E. I would like to add an extra file input upon selecting file in one of allready created:

Diagram:] :

file input 1
file input 2
file input 3

user selects some file in input 1 and JS adds new file input

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

I'm looking for meaningful event, on which i can bind addFileInput method.

I also use jQuery 1.4 :]

Thank you

Upvotes: 23

Views: 72382

Answers (3)

douwe
douwe

Reputation: 1315

I think you mean type=file ?

The only meaningful way is use both onclick and onchanged and keep track of the contents to see if it is changed.

Upvotes: 2

Mathieu
Mathieu

Reputation: 5695

Here is the event logged by Firebug when selecting a file with Firebug:

  • click clientX=885, clientY=207
  • blur
  • focus
  • change
  • DOMActivate
  • DOMActivate
  • mouseout clientX=162, clientY=27

I guess change, is the one you are looking for:

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

you just have to adapt the selector and the previous code should work

Upvotes: 27

Ionuț G. Stan
Ionuț G. Stan

Reputation: 179109

I believe onchange should work.

Upvotes: 40

Related Questions