Javascript loading clients local media
<p>This is new to me since I did something similar a few years back:</p>

<pre><code>&lt;input type="file" onchange="fileSelected(this.value)" /&gt;
</code></pre>

<p>This will provide a fakepath reference, IE, if I select <code>test.jpg</code> on my desktop it returns:</p>

<pre><code>c:/fakepath/test.jpg
</code></pre>

<p>My problem is, I'm developing an online application that lets clients design a page, that is, they select images, drag them onto the page etc.</p>

<p>My design ideally would be they select local files (that could be big in filesize) so there is no uploading involved immediately, I keep an array of the paths of the files and then at the end of the design process it saves the media and the positions of elements to the server.</p>

<p>However, fakepath is preventing me from doing this!</p>

<p>Do I <em>have</em> to upload the files each time?  This would significantly slow down the design process.</p>
