on change event for file input element

Question

I have 4 file inputs that I want them trigger upload proccess when their value is changed  I mean when you select a picture and click open on select image dialog  the script to upload the picture be triggered  I ve used onchange event but I think this is not the right event   JS      input type file    on  change  function        alert this val      I mean name of the file       HTML    lt div class  form-group col-md-11 col-md-offset-1  gt       lt input type  file  name  photos    gt       lt input type  file  name  photos    gt       lt input type  file  name  photos    gt       lt input type  file  name  photos    gt   lt  div gt    What should I do

User · Answer

Use the files filelist of the element instead of val       input type file    on  change  function        alert this files 0  name

User · Answer

The OnChange event is a good choice  But if a user select the same image  the event will not be triggered because the current value is the same as the previous    The image is the same with a width changed  for example  and it should be uploaded to the server    To prevent this problem you could to use the following code     document  ready function           input type file    click function              this  val                      input type file    change function            alert   this  val

User · Answer

Give unique class and different id for file input                 tab-content   on  change  class function                                      var id   this  attr  id                                id  trigger your function                     for name of file input        id  attr  name

User · Answer

For someone who want to use onchange event directly on file input  set onchange  somefunction    example code from the link    lt html gt   lt body gt       lt script language  JavaScript  gt      function inform            document form1 msg value    Filename has been changed              lt  script gt       lt form name  form1  gt      Please choose a file       lt input type  file  name  uploadbox  size  35  onChange  inform    gt       lt br gt  lt br gt      Message       lt input type  text  name  msg  size  40  gt       lt  form gt   lt  body gt   lt  html gt

[javascript] on change event for file input element

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to upload