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


代码(base64示例)
<div id="container" class="file-container">
	<div class="cover">
		<!--如果不需要回显图片,src留空即可-->
		<img src=""/>
		<input type="file" class="file" id="upload" accept="image/gif, image/jpeg, image/jpg, image/png" />
	</div>
</div>

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

代码(上传到服务器的url示例)
<div id="container" class="file-container">
	<div class="cover">
		<!--如果不需要回显图片,src留空即可-->
		<img src=""/>
		<input type="file" class="file" id="upload" accept="image/gif, image/jpeg, image/jpg, image/png" />
	</div>
</div>

<script>
	javaex.upload({
		type : "image",
		url : "http://127.0.0.1/qiniu/uploadImage.json",	// 请求路径
		id : "upload",			// <input type="file" />的id
		containerId : "container",	// 容器id
		param : "file",			// 参数名称,SSM中与MultipartFile的参数名保持一致
		dataType : "url",		// 返回的数据类型:base64 或 url
		callback : function (rtn) {
//			console.log(rtn);
			$("#container img").attr("src", rtn);
//			if (rtn.code=="000000") {
//				$("#container img").attr("src", rtn.data.imgUrl);
//			} else {
//				javaex.optTip({
//					content : rtn.message,
//					type : "error"
//				});
//			}
		}
	});
</script>

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