自定义拍照插件增加相框选择参数

show-server/src/main/webapp/biz/js/plugins/customcamera.js

@@ -2,20 +2,46 @@ require(["domReady!","wadeMobile","jcl","iScroll","tap"], function(doc,WadeMobil
	var iscroll = new iScroll("scroll-container");
	// 调用手机的照相功能，返回相片的路径或相片的Base64编码
	$("#tack_a_picture").tap(function() {
	$("#face_picture").tap(function() {
		var width = $("#pic").width();
		var height = $("#pic").height();
		
		// 默认1；1：返回相片的路径，0：返回相片的Base64编码
		var type=1;
		WadeMobile.takeCustomPhoto(function(path) {
		var resultType=1;
		// 相框类型，0(默认)：头像；1：身份证正面；2：身份证反面
		var frameType=0;
		WadeMobile.getIdentifyPhoto(function(path) {
			$("#path").html("路径：" + path);
//			$("#pic").removeClass("e_imagePlaceHolder");
			$("#pic").removeClass("fa").removeClass("fa-image");
			$("#pic").attr("class","");
			$("#pic").html("<img height='" + height + "' width='" + width + "' src='" + path + "'/>");
			iscroll.refresh();
		},type);
		},frameType,resultType);
	});
	
	$("#take_id_picture_front").tap(function() {
		var width = $("#pic_id_front").width();
		WadeMobile.getIdentifyPhoto(function(path) {
			$("#path_front").html("路径：" + path);
			$("#pic_id_front").removeClass("fa").removeClass("fa-image");
			$("#pic_id_front").attr("class","");
			$("#pic_id_front").html("<img width='" + width + "' src='" + path + "'/>");
			iscroll.refresh();
		},1);
	});
	
	$("#take_id_picture_back").tap(function() {
		var width = $("#pic_id_back").width();
		WadeMobile.getIdentifyPhoto(function(path) {
			$("#path_back").html("路径：" + path);
			$("#pic_id_back").removeClass("fa").removeClass("fa-image");
			$("#pic_id_back").attr("class","");
			$("#pic_id_back").html("<img width='" + width + "' src='" + path + "'/>");
			iscroll.refresh();
		},2);
	});
});

show-server/src/main/webapp/ipu/js/mobile/expand-mobile.js

@@ -43,12 +43,12 @@ define(["require","jcl"],function(require,Wade) {
				}
				storageCallback("getPhoto",callback);
				execute("getPhoto", [type],err);
			},takeCustomPhoto:function(callback,type,err){//获取照片
				if(type==undefined){
					type = 1;//0-Base64编码的字符串 1- 文件路径
			},getIdentifyPhoto:function(callback,frameType,resultType,err){//获取照片
				if(resultType==undefined){
					resultType = 1;//0-Base64编码的字符串 1- 文件路径
				}
				storageCallback("takeCustomPhoto",callback);
				execute("takeCustomPhoto", [type],err);
				storageCallback("getIdentifyPhoto",callback);
				execute("getIdentifyPhoto", [frameType,resultType],err);
			},getPicture:function(callback,type,err){//获取照片
				if(type==undefined){
					type = 1;//0-Base64编码的字符串 1- 文件路径

show-server/src/main/webapp/template/webapp/plugins/customCamera.html

@@ -22,8 +22,8 @@
				<div class="demo-desc">拍照</div>
				<div class="ipu-card ">
					<div class="ipu-content ipu-border-b">
						<div class="label">调用自定义相机拍照</div>
						<div class="fn" id="tack_a_picture"><span class="fa fa-camera"></span></div>
						<div class="label">人脸拍照</div>
						<div class="fn" id="face_picture"><span class="fa fa-camera"></span></div>
					</div>
					<div class="ipu-content ipu-content-vertical">
						<div class="label">返回结果</div>
@@ -34,6 +34,36 @@
					</div>
					
				</div>
				
				<div class="ipu-card ">
					<div class="ipu-content ipu-border-b">
						<div class="label">身份证正面拍照</div>
						<div class="fn" id="take_id_picture_front"><span class="fa fa-camera"></span></div>
					</div>
					<div class="ipu-content ipu-content-vertical">
						<div class="label">返回结果</div>
						<div class="value">
							<span class="fa fa-image ipu-image-holder" id="pic_id_front" ></span>
						</div>
						<div class="info" id="path_front">路径：</div>
					</div>
					
				</div>
				
				<div class="ipu-card ">
					<div class="ipu-content ipu-border-b">
						<div class="label">身份证反面拍照</div>
						<div class="fn" id="take_id_picture_back"><span class="fa fa-camera"></span></div>
					</div>
					<div class="ipu-content ipu-content-vertical">
						<div class="label">返回结果</div>
						<div class="value">
							<span class="fa fa-image ipu-image-holder" id="pic_id_back" ></span>
						</div>
						<div class="info" id="path_back">路径：</div>
					</div>
					
				</div>
			</div>
		</div>