title: on change event for file input element
body: <p>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:</p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$("input[type=file]").on('change',function(){
      alert(this.val());//I mean name of the file
  });
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&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;
  </code></pre>
  
  <p>What should I do?</p>