wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
							<%@ page language="java" contentType="text/html; charset=GBK"
	pageEncoding="GBK"%>
<%
	String picUrl = request.getParameter("Picurl");
	String picUrl_ = request.getParameter("Picurl_");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>上传裁切图片</title>
<link href="main.css" rel="stylesheet" type="text/css"></link>
<link href="./liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css"></link>
<link href="${pageContext.request.contextPath}/yw/eu/smart/css/main.css" type="text/css" rel="Stylesheet" />
<script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="/shares/js/jquery-ui-1.8.16.min.js"></script>
<!-- <script type="text/javascript" src="/shares/js/yw/eu/smart/jquery1.2.6.pack.js"></script> -->
<!-- <script type="text/javascript" src="/shares/js/yw/eu/smart/ui.core.packed.js"></script> -->
<!-- <script type="text/javascript" src="/shares/js/yw/eu/smart/ui.draggable.packed.js"></script> -->
<script type="text/javascript" src="/shares/js/yw/eu/smart/CutPic.js"></script>

<script type="text/javascript">
	
	function refresh(obj,path,id){
		if(obj == "3"){
			window.parent.getPhoto(path,id);
			window.parent.createDialog.hidden();
		}
	}
	
	function checkUpload(){
		var fuPhoto = $("#fuPhoto").val();
		if(fuPhoto != ""){
			$("#fontMsg").html("");
			return true;
		}else{
			$("#fontMsg").html("请上传头像文件!");
			return false;
		}
	}
	function checkSub(){
		var picUrlVal = $("#picUrlVal").val();
		if(picUrlVal != "" && "null" != picUrlVal){
			$("#fontMsg").html("");
			return true;
		}else{
			$("#fontMsg").html("请上传头像文件!");
			return false;
		}
	}
	
	
</script>
</head>
<body onload="refresh('${type}','${path}','${id}');">

	<div style="padding-left: 10px;">
		<div class="left">
			<!--当前照片-->
<!-- 			<div id="CurruntPicContainer"> -->
<!-- 				<div class="title"> -->
<!-- 					<b>当前照片</b> -->
<!-- 				</div> -->
<!-- 				<div class="photocontainer"> -->
<!-- 					<img id="imgphoto" -->
<%-- 						src="${pageContext.request.contextPath}<%=defaultPic%>" --%>
<!-- 						style="border-width: 0px;" /> -->
<!-- 				</div> -->
<!-- 			</div> -->
			<!--Step 2-->
			<div id="Step2Container">
				<div class="title">
					<b> 裁切头像照片</b>
				</div>
				<div class="uploadtooltip">您可以拖动照片以裁剪满意的头像</div>
				<div id="Canvas" class="uploaddiv">

					<div id="ImageDragContainer">
						<img id="ImageDrag" class="imagePhoto"
							src="/shares/document/smart/<%=picUrl_%>" style="border-width: 0px;" />
					</div>
					<div id="IconContainer">
						<img id="ImageIcon" class="imagePhoto"
							src="/shares/document/smart/<%=picUrl_%>" style="border-width: 0px;" />
					</div>
				</div>
				<div class="uploaddiv">
					<table>
						<tr>
							<td id="Min"><img alt="缩小"
								src="${pageContext.request.contextPath}/yw/eu/smart/images/_h.gif"
								onmouseover="this.src='${pageContext.request.contextPath}/yw/eu/smart/images/_c.gif';"
								onmouseout="this.src='${pageContext.request.contextPath}/yw/eu/smart/images/_h.gif';"
								id="moresmall" class="smallbig" /></td>
							<td>
								<div id="bar">
									<div class="child"></div>
								</div>
							</td>
							<td id="Max"><img alt="放大"
								src="${pageContext.request.contextPath}/yw/eu/smart/images/h.gif"
								onmouseover="this.src='${pageContext.request.contextPath}/yw/eu/smart/images/c.gif';"
								onmouseout="this.src='${pageContext.request.contextPath}/yw/eu/smart/images/h.gif';"
								id="morebig" class="smallbig" /></td>
						</tr>
					</table>
				</div>
				
			</div>

		</div>
		<div class="right">
			<!--Step 1-->
			<div id="Step1Container">
				<div class="title">
					<b>更换照片</b>
				</div>
				<div id="uploadcontainer">
					<form name="form1" method="post" action="smartAction.do?task=upload" id="form1"
							enctype="multipart/form-data" onsubmit="return checkUpload();">
						<div class="uploadtooltip">请选择新的照片文件，文件需小于2.5MB</div>
						<div class="uploaddiv">
							<input type="file" name="fuPhoto" id="fuPhoto" title="选择照片" />
						</div>
						<div class="uploaddiv">
							<input type="submit" name="btnUpload" value="上 传" id="btnUpload" />
							<font id="fontMsg" color="red"></font>
						</div>
					</form>
				</div>
				<form action="smartAction.do?task=saveImage" method="post" onsubmit="return checkSub();">
					<input type="hidden" id="picUrlVal" name="picture" value="<%=picUrl%>" />
					<div class="uploaddiv">
						<input type="submit" name="btn_Image" value="保存裁切头像" id="btn_Image"  style="width: 100px;"/>
						<!-- 图片实际宽度： --> <input name="txt_width" type="hidden" value="1" id="txt_width" />
						<!-- 图片实际高度：  --><input name="txt_height" type="hidden" value="1" id="txt_height" />
						<!-- 距离顶部：  --><input name="txt_top" type="hidden" value="82" id="txt_top" />
						<!-- 距离左边：  --><input name="txt_left" type="hidden" value="73" id="txt_left" />
						<!-- 截取框的宽： --><input name="txt_DropWidth" type="hidden" value="120" id="txt_DropWidth" />
						<!-- 截取框的高： --><input name="txt_DropHeight" type="hidden" value="120" id="txt_DropHeight" />
						<!-- 放大倍数：  --><input name="txt_Zoom" type="hidden" id="txt_Zoom" />
					</div>
				</form>
			</div>
		</div>
	</div>

</body>
</html>