title: Javascript image upload and display
body: <p>My basic task is select image and display it,without saving it in database.</p>
  
  <p>For this </p>
  
  <p>1.I have made a select tag in html,through which I can upload the image.</p>
  
  <p>2.I have made a blank image tag in which at there is no image source,alternate is upload image.</p>
  
  <p>3.select tag has onchange javascript event handler which calls javascript function changeimage.</p>
  
  <pre><code>&lt;script&gt;
         function changeimage()
         {
              document.form_name.imagetag.src=document.form_name.filetag.value;
         }
  &lt;/script&gt;
  </code></pre>
  
  <p>In above Code</p>
  
  <p>form_name : Is the name of my form </p>
  
  <pre><code>&lt;form name = "form_name"&gt;
  </code></pre>
  
  <p>imagetag : Is the name of my Img tag</p>
  
  <pre><code>&lt;Img src=" " name = "imagetag"&gt;
  </code></pre>
  
  <p>filetag : Is the name of my </p>
  
  <pre><code>&lt;input type="file" name = "filetag" onchange="changeimage()"&gt;
  </code></pre>
  
  <p>I have save file using php extension.And when I try to print the value of filetag it shows "C:\fakepath\image.png",display this address for all image.
  I have save my php file in www location.</p>
  
  <p>I am using window 7,wamp server and chrome latest version.</p>