input file 上传照片并显示

html:
<input type="file" multiple accept="image/*" class="filesBtn" id="addImgBtn">

js:

$("#addImgBtn").change(function(e) {
		var files=this.files
     if (files) {
		   var formData = new FormData();
		for(var i = 0; i < files.length; i++) {
			$('.tr-photobtn').before(
				'<div class="aui-col-xs-4 tr-photo" data-url="' + URL.createObjectURL(files[i]) + '">' +
				'   <img src="' + URL.createObjectURL(files[i]) + '" alt="">' +
				'   <span class="btn-del"></span>' +
				'</div>'
			);
			formData.append("images[]", files[i]);
		}
		}

})

猜你喜欢

转载自blog.csdn.net/weixin_45264424/article/details/108367516