title: How to upload a file to a specific location in the local machine using HTML and Javascript
body: <p>I am new to javascript, one of my use case is to upload a file from my local computer to a selected directory in same computer.</p>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
     &lt;body&gt;
        &lt;h3&gt;File Upload to the selected location&lt;/h3&gt;
        &lt;form action=""&gt;
           &lt;input type="file" id="files" name="files[]" multiple /&gt;
           &lt;output id="list"&gt;&lt;/output&gt;
        &lt;/form&gt;
        &lt;script src="testing.js"&gt;&lt;/script&gt;
        &lt;br&gt;&lt;br&gt; Local Path (C:\Users\UserName\Documents\) &lt;input type="checkbox" value="TestPurpose"&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>JS Code: </p>
  
  <pre><code>function handleFileSelect(evt) {
      var files = evt.target.files; // FileList object
      // files is a FileList of File objects. List some properties.
      var output = [];
      for (var i = 0, f; f = files[i]; i++) {
          output.push('&lt;li&gt;&lt;strong&gt;', escape(f.name), '&lt;/strong&gt; (', f.type || 'n/a', ') - ',
              f.size, ' bytes, last modified: ',
              f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
              '&lt;/li&gt;');
      }
      document.getElementById('list').innerHTML = '&lt;ul&gt;' + output.join('') + '&lt;/ul&gt;';
  }
  document.getElementById('files').addEventListener('change', handleFileSelect, false);
  </code></pre>
  
  <p>so once i upload a file from my local machine and select the checkbox, the uploaded file should move to the specified location besides the html checkbox. 
  can someone please help me with this?</p>