HTML5 drag and drop file field
===

I want to enhance a critical form with drag and drop functionality. I know that modern browser are capable of this via HTML5 file API.

However I do NOT want an instant upload or to upload multiple files, I am simply looking for duplicate functionality to ye olde fashioned file field.

After doing a-little research I've found the HTML5 file API requires an independent upload from the rest of the form (lame). Which is not the desired behavior.

So I then considered making a standard file field and setting it to `position : absolute; visibility : hidden;` and having to follow around the mouse inside the the dropZone via `.mousemove`. But this is not possible as the browser window is out of focus while the user grab's their file! 

I also attempted to make the file field huge and invisible, but styling the field in this way is not possible.

Any ideas?