Javascript drag and drop with progress notification

draganddrop

function(file, index){
	var url = module.attr('data-upload');

	var xhr = new XMLHttpRequest(), 
		formData = new FormData(),
		previewImage,
		img;

	xhr.upload.addEventListener("progress", function (event) {
		$progress.stop().css('width', 0);

		if (event.lengthComputable) {
			var percentage = Math.round( 100 * ( event.loaded / event.total ) );
			$progress.stop().animate({	width: percentage + '%'	}, 50);
		}
	}, false);

	xhr.addEventListener("load", function(event){
		multipleFiles();

		$progress.stop().css('width', '100%');
		$complete.stop().css('display','inline-block');

	}, false);

	xhr.addEventListener('loadend', function(event){
		currentCount++;

		if ( currentCount===numOfFiles ) {
			multipleFiles();
			setTimeout(function(){
				$dialogue.fadeOut('slow');
				$cheech.fadeOut('slow');
			}, 700);
		}

    $.parseJSON(xhr.responseText);

	}, false);

	xhr.open('POST', url, true);
	xhr.send(formData);

	// create a new FileReader for faster previews, separate from main upload
	var preview = new FileReader();
        preview.addEventListener('load', function(){

	        previewImage = new Image();

	    img = document.createElement('img');
	    img.className = 'land';
	    img.file = file;
	    img.src = preview.result;
        }, false);

        preview.readAsDataURL(file);
}