HTML5 drag and drop, Asp.Net

Question

I want to HTML5 features to implement drag and drop file uploads.

This is what I have done so far:

<form id="form" runat="server" enctype="multipart/form-data">
    <div id="danger">Drag and Drap</div>
</form>

JavaScript:

var xhr = XMLHttpRequest();
xhr.open("POST", "fileUpload.aspx"); 
xhr.send(data);

.Net:

public void fileUpload() {
    for (int i = 0; i < Request.Files; i++)
    {
    }
}

I am not able to hit fileUpload method, fiddler gives no informations. Any ideas what I might be doing wrong?

Answer 1

Hope my detailed tutorial on Html5 drag and drop in the following post will be helpful.

Stack OverFlow link:

File upload using HTML5's drag and drop in Asp.net

Tutorial:

http://programmingusingdotnet.blogspot.com/2013/08/aspnet-drag-and-drop-file-uploads-using.html