添加资源图片上传功能

src/main/webapp/css/popup.css

@@ -33,7 +33,7 @@
#resouup{ width: 100%;height:100%;box-shadow: none;opacity:0; position: absolute;left:0;top:0px;cursor: pointer;}
.resouimgmsg{ position: relative; top:10px;left:30px;font-size: 13px;color: #aaa;}
/*资源图片上传*/
.resouimgshow{ display:none; width:100%; height:100%;}
.resouimgshow{width:100%; height:100%;}
.wrap{ height:200px;position:relative; }
.jy-up-ch{ position: relative; left:20px; bottom:0; width: 200px;}
.jy-up-ch .bch{ display: block; position: absolute; background-repeat: no-repeat; background-image: url(../images/bch.jpg); }

src/main/webapp/css/workspace.css

@@ -42,7 +42,7 @@
.resoubrief tr td ul li{ width:100%; max-width:160px; text-indent:1.5em; word-break: break-all;text-align: justify; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
.resoubrief tr td ul li:first-child{text-indent:0;font-size: 15px;color: #ff8400;}
.resoubrief tr td .resoimgbox{width: 160px; height: 160px; overflow:hidden;}
.managebtn{ display:block; background:#aaa;margin:auto;width:120px;font-size:14px;line-height:30px;color:#fff; border-radius:4px; text-align:center; cursor:pointer;}
.managebtn{ display:block; background:#ff8400;margin:auto;width:120px;font-size:14px;line-height:30px;color:#fff; border-radius:4px; text-align:center; cursor:pointer;}
.righttab{ width:82%;}
.worktab a{ color:#333;}

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

@@ -378,7 +378,7 @@ $(".subsidebar").click(function(){
					for(var i=0;i<data.data.length;i++){
						add='<div class="sharesrc">'
						add+='<div class="shareshow">'
	                	add+='<a href=""><img src="" width="100%" height="140"></a>'
	                	add+='<a href=""><img src="/images/resource/'+data.data[i].resourceId+'.jpg" width="100%" height="140" class="resourceImg"></a>'
	                 	add+='<div class="shareopeart"><a class="sharebtn">咨询</a><a class="sharebtn applicant">申请</a></div>'
	             		add+='</div>'
	             		add+='<p>资源名称：<span class="presou">'+ data.data[i].resourceName+'</span></p>'
@@ -386,6 +386,13 @@ $(".subsidebar").click(function(){
	        			add+='</div>'
	        			$("#sharescrollbox").append(add);
						$('.applicant').eq(i).attr("resourceId",data.data[i].resourceId);
						
						$(".resourceImg").eq(i).attr("src","/images/resource/"+data.data[i].resourceId+".jpg");
						$(".resourceImg").load(function(){})
							.error(function(){
								$(this).attr("src","/images/default-resource.jpg");
							});	
						
						add="";
					}
					//资源轮播
@@ -464,7 +471,7 @@ $(".subsidebar").click(function(){
			}
			var now = nowYear + "-" + nowMonth + "-" + nowDate;
			$( "#datepicker").val(now);
	
			
			//console.log(now);
			
			$( "#datepicker" ).datepicker({ "dateFormat":" yy-mm-dd"});
@@ -478,6 +485,9 @@ $(".subsidebar").click(function(){
			//console.log(index1);
			var m=console.log();
			var resourceID=$(this).attr("resourceId");
			$(".resouImage").attr("src","/images/resource/"+resourceID+".jpg");
			
			
			//console.log(resourceID);
			//
			$(".log").text(resName);

src/main/webapp/js/popup.js

@@ -33,7 +33,7 @@ function ResourceInfo() {
		PopHtml += '<div class="resouinforcon">';
		PopHtml += '<div class="resouimg" >';
		PopHtml += '<span class="resouup"><input type="file" name="file" id="resouup" >上传资源图片</span>';
		PopHtml += '<div class="resouimgshow"><img width="100%" height="100%" src="" id="resouImage" /></div></div>';
		PopHtml += '<div class="resouimgshow"><img width="100%" height="100%" src="" class="resouImage" /></div></div>';
		PopHtml += '<span class="resouimgmsg">尺寸240*240，大小在5M以内，<br/>JPG、PNG格式</span>';
//		PopHtml += '<div class="wrap" id="jcropdiv">';
//		PopHtml += '<div class="jc-demo-box" data="0"><div id="target" class="jcrop_w" ></div></div>';
@@ -150,9 +150,8 @@ function ResourceInfo() {
	   //资源图像上传
		$(function (){
			var id = $.cookie('');
			var cacheImageKey=null;
			cacheImageKey=null;
			if(id){
				$("#resouImage").attr("src","/images/resource/"+id+".jpg");
				$('#resouup').on('change',function(){ 
					$(".resouimgshow").show();
@@ -165,7 +164,7 @@ function ResourceInfo() {
						success:function($data){
							if($data.success){
								cacheImageKey =$data.data[0].cacheKey
								$("#resouImage").attr("src","/images/tmp/"+cacheImageKey);
								$(".resouImage").attr("src","/images/tmp/"+cacheImageKey);
							}else{
								$.MsgBox.Alert("message",$data.msg);
							}
@@ -177,29 +176,6 @@ function ResourceInfo() {
				});
				
			}
			$("#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/resource",
						type:"POST",
						data:{"id":id,"fn":cacheImageKey},
						dataType:"json",
						success:function($data){
							if($data.success){
								alert("上传成功");
								location.reload(true);
							}else{
								alert($data.msg);
							}
						}
					});
				}
			});
		})	
}
//资源信息 //
@@ -228,7 +204,7 @@ function ResourceApply(){
		PopHtml += '<tr><th class="resouinfotype " scope="row">交付时间</th><td><div class="resouinforcon"><input type="text" readOnly="true" id="datepicker"class="frmtype dealTime"style="width:200px;"></div></td></tr>';
		PopHtml += '<tr><th class="resouinfotype"  scope="row">具体需求</th><td><div class="resouinforcon"><textarea class="frmtype detail"></textarea></div></td></tr></table>';
		
		PopHtml += '<div class="resouimgbox floatL"><div class="resouinforcon"><div class="resouimg2" ><img src="" width="100%" height="100%"></div></div></div></div>';
		PopHtml += '<div class="resouimgbox floatL"><div class="resouinforcon"><div class="resouimg2" ><img src="" width="100%" height="100%"  class="resouImage"></div></div></div></div>';
		
		//相关文件上传
		PopHtml += '<div class="filebox"style="display:none;"> ';
@@ -510,7 +486,7 @@ function DetailInfo(){
		PopHtml += '<tr><th class="resouinfotype" scope="row">备注</th><td><div class="resouinforcon"id="consultContent"></div></td></tr></table>';
		PopHtml += '</table>';
		
		PopHtml += '<div class="resouimgbox floatL"><div class="resouinforcon"><div class="resoushowimg1" ><img src="" width="100%" height="100%"></div></div></div></div>';
		PopHtml += '<div class="resouimgbox floatL"><div class="resouinforcon"><div class="resoushowimg1" ><img src="" width="100%" height="100%"  class="resouImage"></div></div></div></div>';
		//文件	
		PopHtml += '<div class="filebox"> ';
		PopHtml += '<div class="worktit">相关文件<div class="uploadbtn">上传文件</div></div>';

src/main/webapp/js/sciresource.js

@@ -94,6 +94,7 @@ $(function(){
								$("#industry").val(info.data.industry);
								$("#descp").val(info.data.descp);
								$("#professor").text(name);
								$(".resouImage").attr("src","/images/resource/"+resourceID+".jpg");
								}
								else
								{
@@ -115,9 +116,12 @@ $(function(){
								$data.subject=$("#subject").val();
								$data.industry=$("#industry").val();
								$data.descp=$("#descp").val();
								$data.fn=cacheImageKey;
								
								if (resourceID) {
									
									$data.resourceId = resourceID;
									
								}
								function getDataput(){		
									$.ajax({"url" : "/ajax/resource",
@@ -145,7 +149,7 @@ $(function(){
									$(".blackcover").remove();
									$("body").css("position","static");
									$.MsgBox.Confirm("消息", "确定修改资源信息吗？", getDataput)
									
									$data.fn=cacheImageKey;
								}else{
									
									$.ajax({"url" : "/ajax/resource",
@@ -189,7 +193,7 @@ $(function(){
					$("#consd").html("");
					for(var i=0;i<data.data.length;i++)
						{
							var add='<div class="maintab"><div class="lefttab fl"><table class="resoubrief"><tr><td><div class="resoimgbox"><img id="resourceImg" width="100%" height="100%" src=""></div></td>'
							var add='<div class="maintab"><div class="lefttab fl"><table class="resoubrief"><tr><td><div class="resoimgbox"><img class="resourceImg" width="100%" height="100%" src=""></div></td>'
							add+='</tr><tr><td><ul><li>'+data.data[i].resourceName+'</li><li>'+data.data[i].supportedServices+'</li> '               
							add+='<li class="li1">'+data.data[i].subject+'</li>'                   
							add+='</ul></td></tr><tr>'                
@@ -203,6 +207,13 @@ $(function(){
								$(".li1").eq(i).css({"display":"none"});
							}														
							$('.resoumag').eq(i+1).attr("resourceId",data.data[i].resourceId);
							
							$(".resourceImg").eq(i).attr("src","/images/resource/"+data.data[i].resourceId+".jpg");
							$(".resourceImg").load(function(){})
								.error(function(){
									$(this).attr("src","/images/default-resource.jpg");
								});	
							
							//console.log($('.resoumag').eq(i+1).attr("resourceId"));
							//资源所对应的记录
							(function(i){
@@ -1351,7 +1362,7 @@ function ajaxGet(operationId,o,p){
		"success":function(data){
			if(data.success)
				{
				//console.log(data);
				console.log(data);
					$(".log").text(data.data.resource.resourceName);
					$(".timelog").text(changeTime(data.data.createTime));
					$(".contration").text(data.data.operationId);
@@ -1364,6 +1375,11 @@ function ajaxGet(operationId,o,p){
					
					$(".sname").text(data.data.applysquare);
					$(".namecon").text(data.data.resource.professor.name);
					$(".resouImage").attr("src","/images/resource/"+data.data.resource.resourceId+".jpg");
					$(".resouImage").load(function(){})
						.error(function(){
							$(this).attr("src","/images/default-resource.jpg");
						});	
					
					if(data.data.payMethod){
						$("#payMethod").val(data.data.payMethod);
@@ -1399,6 +1415,7 @@ function ajaxGet1(operationId){
					$(".dealTime").text(changeTime(data.data.deliverTime));
					$(".namecon").text(data.data.resource.professor.name);
					$(".sname").text(data.data.applysquare);
					$(".resouImage").attr("src","/images/resource/"+data.data.resource.resourceId+".jpg");
					if(data.data.payMethod){
						$("#payMethod").text(data.data.payMethod);
					}

src/main/webapp/js/search.js

@@ -131,7 +131,7 @@ $(function(){
 							for(var i=0;i<$da.length;i++)
 							{
 								var add='<div class="item">'
 			                    add+='<a class="resourcephoto" href=""><img src="images/default-resource.jpg" width="100%" height="100%"></a>'
 			                    add+='<a class="resourcephoto" href=""><img src="" class="resourceImg" width="100%" height="100%"></a>'
 			                    add+='<div class="synopsis">'
 			                    add+='<div><a class="resouname" href="">'+$da[i].resourceName+'</a></div>'
 			                    add+='<div class="belongname">'+$da[i].professor.name+'<img class="modicon" src="images/rz.png" width="28"></div>'
@@ -150,7 +150,13 @@ $(function(){
 								}	                                              
 			                    add+='<div class="operbox"><span class="operbtn consultbtn">咨询</span><span class="operbtn applybtn appl" resourceId='+$da[i].resourceId+' resourceName='+$da[i].resourceName+' professor='+$da[i].professor.name+'>申请</span></div>'
 			                	add+='</div>'
 			                	$("#professorList").append(add);					
 			                	$("#professorList").append(add);
 			                    
 			                   $(".resourceImg").eq(i).attr("src","/images/resource/"+$da[i].resourceId+".jpg");
 								$(".resourceImg").load(function(){})
 									.error(function(){
 										$(this).attr("src","/images/default-resource.jpg");
 									});	
 							}
 							if(isbind == true){
								$(".tcdPageCode").createPage({