Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

强大的jQuery多图片上传预览代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-04-07
一款功能强大的jQuery多图片上传预览代码,jQuery图片批量上传插件,可限制图片上传个数、上传图片宽度和高度限制,还带上传预览和删除功能。


js代码

<script type="text/javascript" src="js/imgFileupload.js"></script>
<script type="text/javascript">
	var imgFile = new ImgUploadeFiles('.box',function(e){
		this.init({
			MAX : 3, //限制个数
			MH : 5800, //像素限制高度
			MW : 5900, //像素限制宽度
			callback : function(arr){
				console.log(arr)
			}
		});
	});
	var imgFile1 = new ImgUploadeFiles('.box2',function(e){
		this.init({
			MAX : 5,
			MH : 1800, //像素限制高度
			MW : 1900, //像素限制宽度
			callback : function(arr){
				console.log(arr)
			}
		});
	});
	var imgFile3 = new ImgUploadeFiles('.box3',function(e){
		this.init({
			MAX : 3,
			MH : 800, //像素限制高度
			MW : 900, //像素限制宽度
			callback : function(arr){
				console.log(arr)
			}
		});
	});
	var imgFile4 = new ImgUploadeFiles('.box4',function(e){
		this.init({
			MAX : 1,
			MH : 800, //像素限制高度
			MW : 900, //像素限制宽度
			callback : function(arr){
				console.log(arr)
			}
		});
	});
	
</script>