layui多文件上传

Web端多文件上传

var uploadInst1 = upload.render({
    elem: '#Add1'
	,size: 1024*5 //设置文件最大可允许上传的大小，单位 KB。不支持ie8/9	值类型为number	 0为不限制。 最大100kb
	,accept: 'file'
	,multiple: true
	,url: '' //改成您自己的上传接口
	,data: {ProofNo: getUrlParam("ProofNo"), FileTypeBH: "1", FileTypeName: '客供文件' }
	,before: function(obj){  // getUrlParam("BH")不为空时才能上传图片，还有删除图片
		//预读本地文件示例，不支持ie8
// 		obj.preview(function(index, file, result){
// 			$('#img1').attr('src', result); //图片链接（base64）
// 		});
	}
	,done: function(res){//在上传接口请求完毕后触发，但文件不一定是上传成功的，只是接口的响应状态正常（200）。
		console.log(form.val("form"));
		//如果上传失败
		layer.msg(res.message, {icon: res.status,time: 3000});
		if(res.status == "0"){//为保证表格刷新时能显示图片（文件上传完成），所以需在文件上传完成返回状态信息之后，比较状态信息，再去刷新表格（下载图片）
			//tableIns.reload();
// 			$('#img1').attr('src', "");
		}
		//上传成功
	}
	,error: function(){
		//演示失败状态，并实现重传  
	}
	,progress: function(n, elem){
				    	
	}
});//end 上传图片

服务端接收参数

String ProofNo = getPara("ProofNo");

List<UploadFile> uploadFiles = getFiles(urlPath, 5*1024*1024);//文件最大5M

 如上所述，先接收参数再获取文件，则参数会获取不到。

正确如下所示，先获取文件再接收参数，则可获取到参数。

List<UploadFile> uploadFiles = getFiles(urlPath, 5*1024*1024);//文件最大5M

String ProofNo = getPara("ProofNo");

不仅适用于多文件上传，单个文件上传也适用。