layui 上传插件 带预览 非自动上传功能 (非常实用)

首先 Html部分:

	<form method="post" action="?" onsubmit="return check();" id="form">
	<div class="refund-img">
		<div class="refund-img-item addRefundimg" id="addImg">
			<img class="proimg" src="{DT_PATH}member/images/addbanner.png">
		</div>
		<input type="hidden" name="thumb[]" id="proImg1">
		<input type="hidden" name="thumb[]" id="proImg2">
		<input type="hidden" name="thumb[]" id="proImg3">
	</div>
	<span class="refund-img-prompt">Max. 3 attachements. Max. 3MB for each image.</span>
	<div class="comment-btn" id="comment-btn">Submit</div>
	<input style="display: none;" type="submit" name="submit" id="submitForm"/>
	</form>

 

JS部分:

 

//添加图片
		layui.use('upload', function() {
		    var upload = layui.upload;//得到upload对象


		    var frequency = 0;//记录上传成功的个数