Multifile uploader with images preview

index.html

<form method="post" id="tiribi" enctype="multipart/form-data">
        
        <input id="fileuploader" type="file" name="file[]" multiple="" >
        
        <ul class="filelist"></ul>
		
	<input type="submit" class="button" name="multi_post_submit" value="Upload files" id="submit_button" />
	
</form>

script.js

$(function(){
	
	var anyWindow = window.URL || window.webkitURL;
	
	$("#fileuploader").change(function () {
	        
		var uploader = $(this)[0];
		
		// Reset file list
		$('ul.filelist').html('');
		
		for ( var i = 0; i < uploader.files.length; ++i ) {
	
			var name = uploader.files.item(i).name.split('.').shift();
			
			var filePreview = jQuery('<li/>', {
			    text: 	name,
			    class: 	'animated fadeInLeft'
			});
			
			$(filePreview).appendTo('ul.filelist');
			
			var imageUrl = anyWindow.createObjectURL(uploader.files[i]);
			
			var imagePreview = jQuery('<img/>', {
			    alt: 	name,
			    src: 	imageUrl,
			    width:	60,
			    height:	60
			});
			
			$(imagePreview).prependTo(filePreview);
			
		}
		
	});

});