添加了资源发布和需求状态

src/main/webapp/css/workspace.css

.resoutab{ margin:20px; min-width:500px;}
.resoutab tr td{ min-width:200px; max-width:500px; padding:4px; }
.resouinfotype{ font-weight:normal; text-align:right;}
.resouimg{width:100%; height:200px; position:relative; overflow:hidden;  }
.resouup{display: block;width: 100%;height: 50px;position: absolute;bottom: -50px;background-color: rgba(0,0,0,0.4);font: 14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";color: #fff; text-align:center;}
.resouimg{width:200px; height:200px; position:relative; overflow:hidden;  }
.resouup{display: block;width: 100%;height: 50px;position: absolute;/*bottom: -50px;*/background-color: rgba(0,0,0,0.4);font: 14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";color: #fff; text-align:center;}
#resouup{ width: 100%;height:50px;box-shadow: none;opacity:0; position: absolute;left:0;top:0px;cursor: pointer;}
.workclose{ position:absolute; top:16px; right:0px; background:#ff8400; color:#fff;font: 14px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; padding-left:8px; display:block; width:46px; border-radius:10px 0px 0px 10px; height:30px; cursor:pointer; z-index:999;}
.tcdPageCode a:hover{text-decoration: none;}
.tcdPageCode span.current{display: inline-block;height:30px;line-height: 30px;padding: 0 6px;margin: 0 8px;color: #fff;background-color: #ff8400;	border: 1px solid #a5a5a5;;vertical-align: middle;border-radius:5px;}
.tcdPageCode span.disabled{	display: inline-block;height: 30px;line-height:30px;padding: 0 6px;margin: 0 8px;	color: #000;background: #fff;border: 1px solid #a5a5a5;vertical-align: middle; border-radius:5px;}
.tcdPageCode li {
    display: inline;
}
.tcdPageCode li { display: inline;}
/*资源图片上传*/
/*.wrap{ height:200px;}
.jy-up-ch{ position: relative; width: 200px;}
.jy-up-ch .bch{ display: block; position: absolute; background-repeat: no-repeat; background-image: url(../images/bch.jpg); }
.jy-up-ch .bch1{ width: 15px; height: 20px; background-position: 0 0; left: 0; top: 10px; }
.jy-up-ch .bch2{ width: 39px; height: 24px; background-position: -15px 0px; left: 50%; margin-left: -39px; top: 7px; }
.jy-up-ch .bch3{ width: 37px; height: 24px; background-position: -54px 0px; left: 50%; top: 7px; }
.jy-up-ch .bch4{ width: 15px; height: 20px; background-position: -91px 0px; right: 0; top: 10px; }
.jy-up-ch .bch1:hover{ background-position: 0 -27px; }
.jy-up-ch .bch2:hover{ background-position: -15px -24px;}
.jy-up-ch .bch3:hover{ background-position: -54px -24px;}
.jy-up-ch .bch4:hover{ background-position: -91px -27px;}
.jc-demo-box{position: relative; background-color: #f8f8f8; width: 100%; height: 100%; overflow: hidden; }
.jcrop_w{ overflow: hidden; }
.jcrop_w img{ position: absolute; }*/

src/main/webapp/js/account-set.js

$(function(){
			//loginStatus();
		var servPath = "http://121.42.53.174:81";
		var userid = $.cookie("userid");
	 	if(userid){
			$(".head-portrait").show();
			$(".unlogin").hide();
	 		$(".portrait-p").attr("src",servPath+"/images/head/"+userid+"_m.jpg");
	 		$(".portrait-p").attr("src","/images/head/"+userid+"_m.jpg");
			$(".portrait-p").load(function(){									
			})
			.error(function(){
				$(".portrait-p").attr("src",servPath+"/images/default-photo.jpg");
				$(".portrait-p").attr("src","/images/default-photo.jpg");
			});
		}
		valUser();

src/main/webapp/js/index.js

});
//加载页面时，判断是否登陆
//loginStatus();
var servPath = "http://121.42.53.174:81";
var userid = $.cookie("userid");
if (userid && userid != "null" && userid != null) {
	$(".myWorkspace").attr("href","resources.html?"+userid);
	$(".onlogin").show();
	$(".unlogin").hide();
	$(".portrait-p").attr("src", servPath + "/images/head/" + userid + "_m.jpg");
	$(".portrait-p").attr("src", "/images/head/" + userid + "_m.jpg");
	//判断图片是否加载，加载不成功默认有默认的图像
	$(".portrait-p").load(function() {})
		.error(function() {
			$(".portrait-p").attr("src", servPath + "/images/default-photo.jpg");
			$(".portrait-p").attr("src", "/images/default-photo.jpg");
		});
}

src/main/webapp/js/information.brow.js

$(function(){
//loginStatus();
		var servPath = "http://121.42.53.174:81";
	 	var userid = $.cookie("userid");
	 	var professorId = GetQueryString("professorId");	 
	 	if(professorId){
	 		$(".portrait-p").attr("src",servPath+"/images/head/"+userid+"_m.jpg");
	 		$(".portrait-p").attr("src","/images/head/"+userid+"_m.jpg");
			$(".portrait-p").load(function(){									
			})
			.error(function(){
				$(".portrait-p").attr("src",servPath+"/images/default-photo.jpg");
				$(".portrait-p").attr("src","/images/default-photo.jpg");
			});
         
	 		var subjectShow = function (data){
		"success":function(data){
			var add="";
			if(data.success)
				{console.log(data);
				{
				for(var i=0;i<data.data.length;i++){
					add='<div class="sharesrc">'
					add+='<div class="shareshow">'

src/main/webapp/js/information.js

$(function(){
	//1获取数据
	loginStatus();
		var servPath = "http://121.42.53.174:81";
	 	var userid = $.cookie("userid");
	 	if(userid){
			$(".head-portrait").show();
			$(".unlogin").hide();
	 		$(".portrait-p").attr("src",servPath+"/images/head/"+userid+"_m.jpg");
	 		$(".portrait-p").attr("src","/images/head/"+userid+"_m.jpg");
			$(".portrait-p").load(function(){									
			})
			.error(function(){
				$(".portrait-p").attr("src",servPath+"/images/default-photo.jpg");
				$(".portrait-p").attr("src","/images/default-photo.jpg");
			});
			//填充学术领域
	 		var subjectShow = function (data){

src/main/webapp/js/popup.js

		PopHtml += '<table class="resoutab"><tr>';
		PopHtml += '<th class="resouinfotype" id="resourceName" scope="row">资源名称</th>';
		PopHtml += '<td><input type="text" class="frmtype"></td>';
		
//		PopHtml += '<td rowspan="9">';
//		PopHtml += '<div class="resouimg" >';
//		PopHtml += '<span class="resouup"><input type="file" id="resouup">上传资源图片</span>';
//		PopHtml += '<div class="wrap" id="jcropdiv"><div class="jc-demo-box" data="0">';//选择图片尺寸
//		PopHtml += '<div id="target" class="jcrop_w" ><img src="" width="100%" height="100%" id="resouimg" /></div></div>';
//		PopHtml += '<div class="jy-up-ch">';//放大缩小旋转操作图片
//		PopHtml += '<a id="idLeft" href="" class="bch bch1"></a>';
//		PopHtml += '<a id="idSmall" href="" class="bch bch2"></a>';
//		PopHtml += '<a id="idBig" href="" class="bch bch3"></a>';
//		PopHtml += '<a id="idRight" href="" class="bch bch4"></a>';
//		PopHtml += '</div></div>';
//		PopHtml += '<input id="x" type="hidden"/>';
//		PopHtml += '<input id="y" type="hidden"/>';
//		PopHtml += '<input id="w" type="hidden"/>';
//		PopHtml += '<input id="h" type="hidden"/>';
//		PopHtml += '</div></td></tr>';
		PopHtml += '<td rowspan="9"><div class="resouimg" ><img src="" width="100%" height="100%"><span class="resouup"><input type="file" id="resouup" >上传资源图片</span></div></td>';
		PopHtml += '</tr>';
		
		PopHtml += '<tr class="workmsgbox"><th></th><td><div class="workmsg workmsg1"></div></td></tr>';
		PopHtml += '<tr><th class="resouinfotype"  scope="row">资源发布者</th><td><input type="text" class="frmtype" id="professor" >  </td></tr>';
		PopHtml += '<tr class="workmsgbox"><th></th><td><div class="workmsg workmsg2"></div></td></tr>';
		$(".workclose").click(function(){
			$(".blackcover").remove();
			$(".resouinfo").remove();
			location.reload(true);
		})
}
//资源信息 //
		PopHtml += '<tr><th class="resouinfotype"  scope="row">需求方</th><td>';
        PopHtml += '<select class="frmtype"><option>本人</option><option>所属机构</option></select>';
		PopHtml += '</td></tr>';
		PopHtml += '<tr><th class="resouinfotype"  scope="row">具体需求</th><td colspan="2"><textarea class="frmtype"></textarea></td></tr>';
		PopHtml += '<tr><th class="resouinfotype"  scope="row">具体需求</th><td colspan="2"><textarea class="frmtype detail"></textarea></td></tr>';
		PopHtml += ' <tr><th class="resouinfotype"  scope="row">相关文件</th><td colspan="2" ><a href="" class="updownbtn" >点击下载</a></td></tr>';
		PopHtml += '<tr><th class="resouinfotype" scope="row">交付时间</th><td colspan="2">2016-09-01</td></tr></table>';
		PopHtml += '<tr><th class="resouinfotype " scope="row">交付时间:</th><td colspan="2"class="dealTime">2016-09-01</td></tr></table>';
		PopHtml += '<table class="resoutab btnboxup"><tr><td colspan="3"><div class="addrebtn" style="text-align:center;">';
        PopHtml += '<input type="submit" value="确认，下一步" class="frmtype frmbtn"><input type="button" value="联系ta" class="frmtype frmbtn"><input type="button" value="直接拒绝" class="frmtype frmbtn frmrbtn"></div></td></tr></table>';
        PopHtml += '<input type="button" value="确认，下一步" class="frmtype frmbtn"id="nextStep"><input type="button" value="联系ta" class="frmtype frmbtn"><input type="button" value="直接拒绝" class="frmtype frmbtn frmrbtn"id="refuses"></div></td></tr></table>';
		
		PopHtml += '<table class="resoutab applysure"><tr><th class="resouinfotype"  scope="row">付款方式</th><td colspan="2" ><input type="text" class="frmtype" id="payMethod"></td></tr>';
		PopHtml += '<tr><th class="resouinfotype" scope="row">费用</th><td colspan="2"><input type="text" class="frmtype" id="dealPrice"  ></td></tr>';
		PopHtml += '<tr><th class="resouinfotype" scope="row">合作协议</th><td colspan="2"><a class="updownbtn" href="">点击上传</a></td></tr>';
		PopHtml += '<tr><th class="resouinfotype" scope="row">备注</th><td colspan="2"><textarea class="frmtype" id="consultContent"></textarea></td></tr></table>';
		PopHtml += '<table class="resoutab btnboxdown"> <tr><td colspan="3"><div class="addrebtn" style="text-align:center;"><input type="button" value="发送" id="del" class="frmtype frmbtn"><input type="button" value="返回" class="frmtype frmbtn frmrbtn"></div></td></tr>';
		PopHtml += '<table class="resoutab btnboxdown"> <tr><td colspan="3"><div class="addrebtn" style="text-align:center;"><input type="button" value="发送" id="del" class="frmtype frmbtn"><input type="button" value="返回" class="frmtype frmbtn frmrbtn "id="cooperation"></div></td></tr>';
		PopHtml += '</table></form><span class="workclose">关闭</span></div>';
		
		
		$(".workclose").click(function(){
			$(".blackcover").remove();
			$(".resouapply").remove();
			location.reload(true);
		})
                 	  
}

src/main/webapp/js/search.js

$(function(){
	loginStatus();
		var servPath = "http://121.42.53.174:81";
		var userid = $.cookie("userid");
	 	if(userid){
//			$(".head-portrait").show();
//			$(".unlogin").hide();
	 		$(".portrait-p").attr("src",servPath+"/images/head/"+userid+"_m.jpg");
	 		$(".portrait-p").attr("src","/images/head/"+userid+"_m.jpg");
			$(".portrait-p").load(function(){									
			})
			.error(function(){
				$(".portrait-p").attr("src",servPath+"/images/default-photo.jpg");
				$(".portrait-p").attr("src","/images/default-photo.jpg");
			});
		}
		$("#searchContent").val(GetQueryString("searchContent")); 

src/main/webapp/js/workspace.js

// JavaScript Document
$(function(){
	
	var userid = $.cookie("userid");
	var servPath = "http://121.42.53.174:81/";
	var flag;
 	if(userid){
 		$(".myWorkspace").attr("href","resources.html?"+userid);
		$(".head-portrait").show();
		$(".unlogin").hide();
 		$(".portrait-p").attr("src",servPath+"/images/head/"+userid+"_m.jpg");
 		$(".portrait-p").attr("src","/images/head/"+userid+"_m.jpg");
		$(".portrait-p").load(function(){									
		})
		.error(function(){
			$(".portrait-p").attr("src",servPath+"/images/default-photo.jpg");
			$(".portrait-p").attr("src","/images/default-photo.jpg");
		});
 	}
//				}
//			});
//});
//我的资源的删除，修改
	$("#workmysrc").on("click",".resoumag",function()
			{
				var resourceID=$(this).attr("resourceId");
							}
						});
			});
	
//查询我的资源	
$.ajax({		
	"url":"/ajax/resource/qapro",
	"type":"get",
					
					$('.resoumag').eq(i+1).attr("resourceId",data.data[i].resourceId);
					console.log($('.resoumag').eq(i+1).attr("resourceId"));
					//资源所对应的记录
					(function(i){
						$.ajax({		
							"url":"/ajax/operation/qares",
							                       addString+='<td>'+data.data[j].dealPrice+'</td>'
							                        addString+='<td>'+data.data[j].payMethod+'</td>'
							                       addString+='<td>2000<br></td>'
							                        addString+='<td><a class="operatebtn modification" onclick="ResourceApply();">修改申请</a></td> </tr>'						                      		
							                        addString+='<td><a class="operatebtn modification">修改申请</a></td> </tr>'						                      		
							                        	$(".tablecon").eq(i).append(addString);
														$(".modification").eq(k).attr("operationId",data.data[j].operationId)
														$(".modification").eq(k).attr("operationId",data.data[j].operationId);
														$(".modification").eq(k).attr("operationStatus",data.data[j].operationStatus);
														switch(data.data[j].operationStatus)
														{
														case 1:
															$(".modification").eq(k).text("待回复")
														  break;
														case 2:
															$(".modification").eq(k).text("已回复");
														  break;
														case 3:
															$(".modification").eq(k).text("合作");
														  break;
														case 4:
															$(".modification").eq(k).text("对方拒绝合作");
														  break;
														case 5:
															$(".modification").eq(k).text("本人拒绝合作");
														  break;
														default:
														  
														}	
														k++;
											addString="";
										}
	},
	"error":function(){$.MsgBox.Alert('message','failed')}
});
//我的资源状态的回复
$("#consd").on("click",".modification",function(){
//	$(".blackcover").show();
//	$(".resouapply").show();
	ResourceApply();
	var operationId=$(this).attr("operationId");
	console.log(operationId);
	$.ajax({	
		"url":"/ajax/operation/"+operationId,
		"type":"get",
		"async": true,
		"data":{"operationId":operationId},
		"success":function(data){
			if(data.success)
				{	
					console.log(data);
				}
				else
				{
					console.log("系统异常!");
			ar $date = {};		}
		},
		"error":function(){$.MsgBox.Alert('message','failddd')}
	});
	$("#del").click(function(){
		var $date = {};		
		$date.dealPrice = $("#dealPrice").val();
		$date.payMethod = $("#payMethod").val();
		$date.consultContent = $("#consultContent").val();
		$date.operationId=operationId;
		$.ajax({
			"url" : "/ajax/operation",
			"type" : "put",
			"data" :JSON.stringify($date),
			"contentType" :"application/x-www-form-urlencoded",
			"success" : function(data) {
				if (data.success) {					
					//location.reload(true);
					console.log(data);
				} else {
					alert(data.msg);
				}
	var operationStatus=$(this).attr("operationStatus");
	console.log(operationStatus);
	flag=0;
	ajaxGet(operationId);
	if(flag==0&&operationStatus==1)
	{
		$(".btnboxdown").css({"display":"none"});
		$(".applysure").css({"display":"none"});
		$("#nextStep").click(function(){
		$(".btnboxup").css({"display":"none"});
		$(".btnboxdown").css({"display":"block"});
		$(".applysure").css({"display":"block"});
		$("#del").click(function(){
			var $date = {};	ar $date = {};		
			$date.dealPrice = $("#dealPrice").val();
			$date.payMethod = $("#payMethod").val();
			$date.consultContent = $("#consultContent").val();
			$date.operationId=operationId;
			$date.operationStatus=2;
			$.ajax({
				"url" : "/ajax/operation",
				"type" : "put",
				"data" :JSON.stringify($date),
				"contentType" :"application/x-www-form-urlencoded",
				"success" : function(data) {
					if (data.success) {					
						//location.reload(true);
						alert("jjjjjjjjjjjjjj");
						console.log(data);
					} else {
						alert(data.msg);
					}
				},
			"beforeSend":function(){
				console.log(this.data);
			},
		"beforeSend":function(){
			console.log(this.data);
		},
			});
		})
		
		})
		$("#refuses").click(function(){
			upStatus(operationId,5);
		});
	})
	}
	if(flag==0&&operationStatus==2){
		$(".btnboxup").css({"display":"none"});
		$(".btnboxdown").css({"display":"none"});
		ajaxGet(operationId);	
	}
	if(flag==0&&operationStatus==3){
		$(".btnboxup").css({"display":"none"});
		$(".btnboxdown").css({"display":"none"});
		ajaxGet(operationId);
	}
	if(flag==0&&operationStatus==5){
		$(".btnboxup").css({"display":"none"});
		$(".btnboxdown").css({"display":"none"});
		$(".applysure").css({"display":"none"});
		ajaxGet(operationId);
	}
	if(flag==0&&operationStatus==4){
		$(".btnboxup").css({"display":"none"});
		$(".btnboxdown").css({"display":"none"});
		ajaxGet(operationId);
	}
})
//我的需求查询
$.ajax({		
	"url":"/ajax/operation/qapro",
	"type":"get",
	                    stringContent +='<td>'+data.data[i].dealPrice+'</td>'     
	                    stringContent +='<td> - </td>'       
	                    stringContent +='<td> - </td>'        
	                    stringContent +='<td>修改申请</td></tr>'
	                   $(".worktabb").eq(i).append( stringContent) 	
	                    stringContent +='<td class="loginStatus">修改申请</td></tr>'
	                   $(".worktabb").append( stringContent);
						$(".loginStatus").eq(i).attr("resourId",data.data[i].resourceId);
						$(".loginStatus").eq(i).attr("operationStatus",data.data[i].operationStatus);
						$(".loginStatus").eq(i).attr("operationId",data.data[i].operationId);
						console.log($(".loginStatus").eq(i).attr("operationId"));
							switch(data.data[i].operationStatus)
							{
							case 1:
								$(".loginStatus").eq(i).text("修改申请")
							  break;
							case 2:
								$(".loginStatus").eq(i).text("对方已回复");
							  break;
							case 3:
								$(".loginStatus").eq(i).text("合作");
							  break;
							case 4:
								$(".loginStatus").eq(i).text("本人拒绝合作");
							  break;
							case 5:
								$(".loginStatus").eq(i).text("对方拒绝合作");
							  break;
							default:							  
							}	
					}
			}
			else
	},
	"error":function(){$.MsgBox.Alert('message','failddd')}
});
//我的需求中修改申请，对方已经回复(合作)，我拒绝合作或者约对方合作
$(".workmysrc").on("click",".loginStatus",function(){
//	$(".blackcover").show();
//	$(".resouapply").show();
	ResourceApply();
	var resourceId=$(this).attr("resourId");
	var operationStatus=$(this).attr("operationStatus");
	var operationId=$(this).attr("operationId");
	flag=1;
	if(flag==1&&operationStatus==1)
	{
		$(".btnboxup").css({"display":"none"});
		$(".applysure").css({"display":"none"});
		$(".dealTime").replaceWith("<input type='text'colspan='2'class='dealTime'>");
		ajaxGet(operationId);
		//if($(".dealTime").val()!=""&&$(".detail").val()!="")
		//{
			$("#del").on("click",function()
					{	alert("2");
						var $data = {};
						$data.demandId = userid;
						$data.resourceId=resourceId;
						$data.consuitContent=$(".detail").val();
						$data.deliverTime=$('.dealTime').val();
						$data.operationStatus=operationStatus;
						$.ajax({
							"url" : "../ajax/operation",
							"type" : "put",
							"success" : function(rdata) {
								if (rdata.success) {
									console.log(rdata);
								} else {
									alert("jjj");
								}
							},
							"data" :  JSON.stringify($data) ,
							"contentType" :  "application/json",
							dataType : "json"
						});
				});
		//}
		
	}
	if(flag==1&&operationStatus==2)
	{
		$(".btnboxup").css({"display":"none"});
		$("#del")[0].value="直接拒绝";
		$("#cooperation")[0].value="合作";
		ajaxGet(operationId);
		$("#del").click(function(){
			$.ajax({"url" : "../ajax/operation/operationStatus",
				"type" : "POST",
				"success" : function(rdata) 
				{
					if (rdata.success) 
					{
							location.reload(true);
					}
					else 
					{
						alert("jjj");
					}
				},
				"data" :{"operationId":operationId,"operationStatus":4},
				"contentType" :"application/x-www-form-urlencoded",
				dataType : "json"
			});
		})
		$("#cooperation").click(function(){
			upStatus(operationId,4);
		})
	}
	if(flag==1&&operationStatus==3){
		$(".btnboxup").css({"display":"none"});
		$(".btnboxdown").css({"display":"none"});
		ajaxGet(operationId);
	}
	if(flag==1&&operationStatus==4){
		$(".btnboxup").css({"display":"none"});
		$(".btnboxdown").css({"display":"none"});
		ajaxGet(operationId);
	}
	if(flag==1&&operationStatus==5){
		$(".btnboxup").css({"display":"none"});
		$(".btnboxdown").css({"display":"none"});
		$(".applysure").css({"display":"none"});
		ajaxGet(operationId);
	}
})
//更新状态
function upStatus(operationId,n){
	$.ajax({"url" : "../ajax/operation/operationStatus",
		"type" : "POST",
		"success" : function(rdata) 
		{
			if (rdata.success) 
			{
					location.reload(true);
			}
			else 
			{
				alert("jjj");
			}
		},
		"data" :{"operationId":operationId,"operationStatus":n},
		"contentType" :"application/x-www-form-urlencoded",
		dataType : "json"
	});
}
//我的需求，获取每条记录的数据根据合作id
function ajaxGet(operationId){
	$.ajax({	
		"url":"/ajax/operation/"+operationId,
		"type":"get",
		"async": true,
		"data":{"operationId":operationId},
		"success":function(data){
			if(data.success)
				{	
					console.log(data);
				}
				else
				{
					console.log("系统异常!");
				}
		},
		"error":function(){$.MsgBox.Alert('message','failddd')}
	});
}
});

src/main/webapp/photo-set.html

<script type="text/javascript" src="js/basic.js"> </script>
<script type="text/javascript" src="/js/ajaxfileupload.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>	
<script type="text/javascript"src="js/jquery.cookie.js"></script>
<script type="text/javascript">
$(function (){
	var id = '358FE958561241DA8A8DFC996388893C';
	var id = $.cookie('userid');
	var cacheImageKey=null;
	var servPath = "http://121.42.53.174:81";
	if(id){
		$("#headImage").attr("src",servPath+"/images/head/"+id+"_l.jpg");
		$("#smallImage").attr("src",servPath+"/images/head/"+id+"_l.jpg");
		$("#middleImage").attr("src",servPath+"/images/head/"+id+"_l.jpg");
		$("#largeImage").attr("src",servPath+"/images/head/"+id+"_l.jpg");
		$("#headImage").attr("src","/images/head/"+id+"_l.jpg");
		$("#smallImage").attr("src","/images/head/"+id+"_l.jpg");
		$("#middleImage").attr("src","/images/head/"+id+"_l.jpg");
		$("#largeImage").attr("src","/images/head/"+id+"_l.jpg");
		$('#uploadInput').live('change',function(){ 
			$("#jcropdiv").show();
			$(".load").hide();
				success:function($data){
					if($data.success){
						cacheImageKey =$data.data[0].cacheKey
						$("#headImage").attr("src",servPath+"/images/tmp/"+cacheImageKey);
						$("#smallImage").attr("src",servPath+"/images/tmp/"+cacheImageKey);
						$("#middleImage").attr("src",servPath+"/images/tmp/"+cacheImageKey);
						$("#largeImage").attr("src",servPath+"/images/tmp/"+cacheImageKey);
						$("#headImage").attr("src","/images/tmp/"+cacheImageKey);
						$("#smallImage").attr("src","/images/tmp/"+cacheImageKey);
						$("#middleImage").attr("src","/images/tmp/"+cacheImageKey);
						$("#largeImage").attr("src","/images/tmp/"+cacheImageKey);
					}else{
						alert($data.msg);
					}

src/main/webapp/resources.html

<link href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/common.css" rel="stylesheet">
<link type="text/css" href="css/workspace.css" rel="stylesheet">
<link href="css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/jquery.HeadP.js"> </script>
<script type="text/javascript" src="js/jquery.Jcrop.js"> </script>
<script type="text/javascript" src="js/basic.js"> </script>
<script type="text/javascript" src="/js/ajaxfileupload.js"></script>
<script type="text/javascript"src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
<script type="text/javascript" src="js/workspace.js"></script>
<script type="text/javascript">
$(function (){
	var userid = $.cookie("userid");
	var cacheImageKey=null;
	if(userid){
		$("#resouimg").attr("src","/images/resource/"+userid+".jpg");
		$('#uploadInput').live('change',function(){ 
			$("#jcropdiv").show();
			$.ajaxFileUpload({
				url:"../ajax/cachedFileUpload",
				secureuri:false,
				fileElementId:"resouup",
				dataType:"json",
				success:function($data){
					if($data.success){
						cacheImageKey =$data.data[0].cacheKey
						$("#resouimg").attr("src","/images/tmp/"+cacheImageKey);
					}else{
						alert($data.msg);
					}
				},
				error:function(){
					$.MsgBox.Alert("message","upload error");
				}    					
			});
		});
		
	}
	$("#inputb").on("click",function(){
		var x = parseInt($("#x").val()/395*100);
		var y = parseInt($("#y").val()/340*100);
		var w = parseInt($("#w").val()/395*100);
		var h = parseInt($("#h").val()/340*100);
		if(cacheImageKey){
			$.ajax({
				url:"../ajax/image/head",
				type:"POST",
				data:{"id":id,"fn":cacheImageKey,"x":x,"y":y,"w":w,"h":h},
				dataType:"json",
				success:function($data){
					if($data.success){
						alert("上传成功");
						location.reload(true);
					}else{
						alert($data.msg);
					}
				}
			});
		}
	});
})
</script>
</head>
<body>
	<div class="footer-btm">本站由 阿里云 提供计算与安全服务 Copyright © 2016~2017 科袖 | 京ICP备12345678号 | 京ICP证123456号 | 京公网安备11010800011111号 | 网站联盟安全认证</div>
</div>
</body>
</html>
 </html>