title: How to get Full Path using JQUERY of a uploaded file when use <input type="file"> in all browser and why IE,Chrome gives "c:/fakepath/filname" return?
body: <p><strong><a href="http://jsfiddle.net/sandeepvirani/t2MEz/2/" rel="nofollow">JSF CODE LINK HERE</a></strong></p>
  
  <p>Here in this code i use <strong><code>&lt;input type="file&gt;</code></strong> and i want a full path after user browse any file.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input class="file_upfile" type="file" /&gt;
  &lt;input class="btn_showpath" type="button" value="Show Full Path"/&gt;
  &lt;p class="p_upfilepath"&gt;Full path will display here&lt;p&gt;
  </code></pre>
  
  <p>Here i use <strong><code>$('.classname').val();</code></strong> function but return only <strong>FILENAME.txt(e.g)</strong> in <strong>FireFox</strong> and if i use this same code in <strong>IE</strong> and <strong>Chrome</strong> return <strong>"C:/fakepath/myfilename.txt"</strong></p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>/* Here &lt;p&gt; show only file name, I want a full path of file
     like "c:\something\folder\filename.txt"   */
  
  $('.btn_showpath').click(function(){
      var getpath = $('.file_upfile').val();
      $('.p_upfilepath').slideUp(function(){
          $('.p_upfilepath').text('"'+getpath+'"').slideDown();
      });
  });
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.p_upfilepath{
      background:#aaaaaa;
      padding:3px 10px;
      width:auto;
      color:#555555;
  }
  </code></pre>