Maybe it’s just me but I’m trying to use a jQuery dialog to capture a file the user wants to upload. It must be supported by IE9. IE9 doesn’t support the FormData object which is used in many examples and 3rd party tools I have came across. So in order to make my request not refresh the whole page I have to put my upload into an iFrame? Really? I know I can get some flash uploader but flash isn’t supported on our site so that’s out of the question right now.
Please.. please someone tell me I’m doing this wrong and there’s an easier way because I can’t seem to find it.. not one that will work on IE9 at least.
Form
<form action="/ControllerName/ActionName" method="post" enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file" name="file" id="file" />
<input type="submit" name="submit" value="Submit" />
</form>
Then into an iFrame like this
<iframe src="myUrl"></iframe>
View:
Controller:
I provide multiple files upload so i use
if you want only a single file then use only
and in your view change input type to
Simple as that.
Regards
EDITED:
Take a look at more good examples:
http://www.strathweb.com/2012/04/html5-drag-and-drop-asynchronous-multi-file-upload-with-asp-net-webapi/
http://css.dzone.com/articles/implementing-html5-drag-drop
Regards