file reader

function handleFileSelect(evt) {
	var files = evt.target.files;
	    for (var i = 0, f; f = files[i]; i++) {
	    	if (!f.type.match('image.*')) {
				$('#dialogModal').modal('show');
	        	return false;
	      	}
	      	
	      	var reader = new FileReader();
	      	reader.onload = (function(theFile) {
	        	return function(e) {
	          	var span = document.createElement('span');
	          	span.innerHTML = ['<img id="imageView" src="', e.target.result, '" title="', escape(theFile.name), '">'].join('');
	          	document.getElementById('image-preview').innerHTML = '<img src="'+e.target.result+'">';


				var imgH = $('#image-preview').height();

				$('.drop').css('height', imgH);
	        };
	    })(f);
	    reader.readAsDataURL(f);
	}
	
	var files = evt.target.files;
	var output = [];
	for (var i = 0, f; f = files[i]; i++) {
		output.push('<b>', escape(f.name), '</b> (', f.type || 'n/a', ') - ',f.size,' Kb');
	}
	document.getElementById('data-preview').innerHTML = '<div class="label-preview">' + output.join('') + ' - Max 2MB</div>';


	$(this).parent().parent().addClass('file-focus'); 
}

document.getElementById('file').addEventListener('change', handleFileSelect, false);