图片上传(多图)


代码
<!--块元素-->
<div class="block">
	<!--正文内容-->
	<div class="main">
		<a href="javascript:;" class="file-container button indigo">
			选择图片
			<input type="file" class="file" id="upload" multiple accept="image/gif, image/jpeg, image/jpg, image/png" />
		</a>
		<!--分割线-->
		<p class="divider"></p>
		<!-- 图片存储容器 -->
		<div id="container"></div>
	</div>
</div>

<script>
	javaex.upload({
		type : "images",
		id : "upload",	// <input type="file" />的id
		containerId : "container",	// 图片承载容器的id
		maxNum : 3,			// 文件上传数量上限
		imgUrl : null,		// 回显图片(包含图片地址的 数组 或 List。切记:不能用引号包裹起来)
		width : 200,		// 显示的小图的宽度(单位:像素)
		height : 200,		// 显示的小图的高度(单位:像素)
		dataType : "base64",	// 返回的数据类型:base64
		callback : function (rtn) {
			// 返回图片的base64数组
			console.log(rtn);
		}
	});
</script>

参数说明(使用属性默认值时,可以缺省该属性)
序号 属性名 默认值 说明
1 type 必须是 images
2 id <input type="file" />的id
3 containerId 图片承载容器的id
4 maxNum 文件上传数量上限
5 maxSize 单张图片的大小上限,单位KB,0或空为不限制
6 imgUrl 回显图片(包含图片地址的 数组 或 List。切记:不能用引号包裹起来)
7 width 100 显示的小图的宽度(单位:像素)
8 height 100 显示的小图的高度(单位:像素)
9 dataType base64 返回的数据类型:base64
目前多图上传仅支持base64
10 callback 返回图片的base64数组