$(document).ready(function()
{
var myDIV = $("#DragAndDrop");
myDIV.on('dragenter', function (e)
{
e.stopPropagation();
e.preventDefault();
$(this).css('border', '2px solid orange');
});
myDIV.on('dragover', function (e)
{
e.stopPropagation();
e.preventDefault();
});
myDIV.on('drop', function (e)
{
$(this).css('border', '2px dotted orange');
e.preventDefault();
var files = e.originalEvent.dataTransfer.files;
handleFileUpload(files,myDIV);
});
$(document).on('dragenter', function (e)
{
e.stopPropagation();
e.preventDefault();
});
$(document).on('dragover', function (e)
{
e.stopPropagation();
e.preventDefault();
myDIV.css('border', '2px dotted orange');
});
$(document).on('drop', function (e)
{
e.stopPropagation();
e.preventDefault();
});
});
function SendFileToServer(formData,status)
{
var MyURL ="http://localhost:49782/"; // Your upload url
var Data_extra ={};
var jqXHR=$.ajax({
xhr: function() {
var xhrmyDIV = $.ajaxSettings.xhr();
if (xhrmyDIV.upload) {
xhrmyDIV.upload.addEventListener('progress', function(event) {
var percent = 0;
var position = event.loaded || event.position;
var total = event.total;
if (event.lengthComputable) {
percent = Math.ceil(position / total * 100);
}
status.setProgress(percent);
}, false);
}
return xhrmyDIV;
},
url: MyURL,
type: "POST",
contentType:false,
processData: false,
cache: false,
data: formData,
success: function(data){
status.setProgress(100);
$("#upload_info").append("File successfully upload!
");
}
});
status.setAbort(jqXHR);
}
var rowCount=0;
function CreateStatusBar(myDIV)
{
rowCount++;
var row="odd";
if(rowCount %2 ==0) row ="even";
this.statusbar = $("