图片上传(单图),常用于上传封面


代码
<!--图片承载容器-->
<div id="container" class="file-container" style="width:132px;height:74px;">
	<img src="../javaex/pc/images/default.png" width="100%" height="100%" />
	<input type="file" class="file" id="upload" accept="image/gif, image/jpeg, image/jpg, image/png" />
</div>

<script>
	javaex.upload({
		type : "image",
		id : "upload",	// <input type="file" />的id
		dataType : "base64",	// 返回的数据类型:base64 或 url
		callback : function (rtn) {
			$("#container img").attr("src", rtn);
//			console.log(rtn);
//			if (rtn.code=="000000") {
//				$("#container img").attr("src", "/pic/"+rtn.data.imgUrl);
//			} else {
//				javaex.optTip({
//					content : rtn.message,
//					type : "error"
//				});
//			}
		}
	});
</script>

参数说明(使用属性默认值时,可以缺省该属性)
序号 属性名 默认值 说明
1 type 必须是 image
2 url 后台请求路径
3 id <input type="file" />的id
4 param file 参数名称,SSM中与MultipartFile的参数名保持一致
仅在dataType为url时有效
5 maxSize 单张图片的大小上限,单位KB,0或空为不限制
6 dataType base64 返回的数据类型:base64 或 url
填写url时,需要设置url请求地址
7 isShowOptTip true 是否显示蓝色的上传提示,显示时,当前页面将无法点击
8 callback dataType为base64时,返回图片的base64
dataType为url时,获取后台返回的数据