title: Display file name after upload
body: <p>I have a file upload option like so.</p>
  
  <pre><code>&lt;input type="file" name='image1' id='image1'&gt;
  </code></pre>
  
  <p>then, i have a button which onclick, runs the function addphotos(). Para is the id of a paragraph.</p>
  
  <pre><code>function addphotos() {
  document.getElementById("para").innerHTML=document.getElementById("image1").text;
  }
  </code></pre>
  
  <p>Now, when we upload a file, a filename is displayed. e.g. picture.png
  I want to print this filename in the position of the paragraph. The above function is not working. How can we do this. It is also okay if we can store this filename in a javascript variable.</p>