html5多图片上传预览删除

<div class="img-box full">
	<section class=" img-section">
		<p class="up-p"><span class="up-span">最多可以上传5张图片，马上上传</span></p>
		<div class="z_photo upimg-div clear">
			   <!--<section class="up-section fl">
					<span class="up-span"></span>
					<img src="img/buyerCenter/a7.png" class="close-upimg">
					<img src="img/buyerCenter/3c.png" class="type-upimg" alt="添加标签">
					<img src="img/test2.jpg" class="up-img">
					<p class="img-namep"></p>
					<input id="taglocation" name="taglocation" value="" type="hidden">
					<input id="tags" name="tags" value="" type="hidden">
				</section>-->
				 <section class="z_file fl">
					<img src="img/a11.png" class="add-img">
					<input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple="">
				 </section>
		 </div>
	 </section>
</div>
<aside class="mask works-mask">
	<div class="mask-content">
		<p class="del-p ">您确定要删除图片吗？</p>
		<p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>
	</div>
</aside>

检测图片

function validateUp(files) {
    var arrFiles = [];//替换的文件数组
    for (var i = 0, file; file = files[i]; i++) {
        //获取文件上传的后缀名
        var newStr = file.name.split("").reverse().join("");
        if (newStr.split(".")[0] != null) {
            var type = newStr.split(".")[0].split("").reverse().join("");
            console.log(type + "===type===");
            if (jQuery.inArray(type, defaults.fileType) > -1) {
                // 类型符合，可以上传
                if (file.size >= defaults.fileSize) {
                    alert(file.size);
                    alert('您这个"' + file.name + '"文件大小过大');
                } else {
                    // 在这里需要判断当前所有文件中
                    arrFiles.push(file);
                }
            } else {
                alert('您这个"' + file.name + '"上传类型不符合');
            }
        } else {
            alert('您这个"' + file.name + '"没有类型, 无法识别');
        }
}