html实现上传多个文件预览

<input type="file" id="uploadfile1" multiple="multiple" style="display:none" />

<script>
			
$(document).ready(function(){
	$(".a-upload").click(function(){
		$('#uploadfile1').click();
	}); 
});

document.querySelector('#uploadfile1').addEventListener('change', function(){
	if ( this.files.length > 9  ) {
		alert('图片最多只能选择9张');
	}else{	
		var img,files = this.files;
		var reader  ;
		for(var i = 0, j = files.length; i < j; i ++){ 
			if($('#bigBox').parent().find(".img11").size() < 9 ){
				 reader = new FileReader();
				 reader.readAsDataURL(files[i]);
				 reader.onload = function(e){
					var imgUrl = '<pre name="code" class="html"><img src="'+ e.target.result +'" class="img11" />

<i></i>';$('#bigBox>i:last').append(imgUrl);};}else{alert('图片最多只能选择9张');}}}}, false);function delImg(obj){$(obj).parent().parent().remove();}</script>