title: How can I display the file name with file upload
body: <p>I want to show the file name while uploading the file.For that i used the hidden field.
  My code is</p>
  
  <pre><code>&lt;label&gt;File&lt;/lable&gt;
  &lt;input type="image" src="http://upload.wikimedia.org/wikipedia/commons/c/ca/Button-Lightblue.svg" width="30px"/&gt;
  &lt;input type="file" id="my_file" style="display: none;" /&gt;
  </code></pre>
  
  <p>javascript is</p>
  
  <pre><code>$("input[type='image']").click(function() {
      $("input[id='my_file']").click();
  });
  </code></pre>
  
  <p>How can I do this?</p>