title: upload file via ajax with jquery easy ui
body: <p>I'm trying to give users the possibility to import data from a file that is located on their computer by using <a href="http://www.jeasyui.com/documentation/form.php" rel="nofollow">jQuery EasyUI form widget</a>:</p>
  
  <pre><code>&lt;form id="my_form" method="POST"&gt;
      &lt;input type="file" name="my_file" id="my_file" /&gt;
  &lt;/form&gt;
  
  var file_name = $('#my_file').val();
  
  if(file_name)
  {       
      $('#my_form').form('submit', {
          url: [url_to_call],
          onSubmit: function(param){
               param.file_path = file_name;
          }
      });
  }
  </code></pre>
  
  <p>Then when the user browse on his/her computer for the file, I wanna send the path to a jQuery ajax query to perform some upload action. The problem I have is that <code>filename</code> returns something like this:</p>
  
  <pre><code>C:\fakepath\[name_of_file]
  </code></pre>
  
  <p>Because of the <code>fakepath</code> string, I am not getting the real path to where the file is located on the user's computer. Does anybody know how I can fix this issue please?</p>
  
  <p>Thank you</p>