XDProjects/js/image_crop.js

$(document).ready(function(){
	$("#loadingDiv").hide();
	var $j = jQuery.noConflict();//为了解决jquery1.11.0包和imgbox必须用的1.3包的冲突 
	var pagenum=0;
	var nowpage=0;
	var datanum=0;
	var json;
	var urls;
	var searchname;
	var organ;
	var radius=5;//半径
	var offset;
	var top;
	var left;
	var my_crop=0;
	var my_crop_1,my_crop_2,my_crop_3,my_crop_4;
	
	if(window.speechSynthesis !=undefined)
	{
		window.speechSynthesis.pause();
		window.speechSynthesis.cancel();
	}
	if(sessionStorage!=undefined)
	{
		if(sessionStorage.getItem("username")!=null)
		{
			$("#needlogin").remove();
			var $span= $("<span>用户名:"+sessionStorage.getItem("username")+"</span>");
			$("#needloginparent").append($span);			
		}
		else
		{
			$("#a_datamanage").attr('href','login.html'); //医学数据管理界面
			//$("#a_codemanage").attr('href','login.html');代码管理不需要
			$("#a_show").attr('href','login.html');//成果展示
		}
	}
	$j(".list_images").imgbox({
		'speedIn'		: 0,
		'speedOut'		: 0,
		'alignment'		: 'center',
		'overlayShow'	: true,
		'allowMultiple'	: false		
	});
	$('.wrap').click(function(e){
			
			if(my_crop<=1)
			{
				
				offset=$(this).offset();
				top=e.pageY-offset.top-radius;
				left=e.pageX-offset.left-radius;
				//$('.wrap').append('<div class="ball" style="top:'+top+';left:'+left+'"></div>');
				$('.container').html('<div class="ball" style="top:'+top+"px"+';left:'+left+"px"+'"></div>');
				
				//alert(left+","+top);
				if(my_crop==0)
				{
					my_crop_1=top;
					my_crop_2=left;
					//alert("y:"+my_crop_1+"x:"+my_crop_2);
					if(window.speechSynthesis !=undefined)
					{
						var msg = new SpeechSynthesisUtterance("切分左上角设置成功！");
						window.speechSynthesis.speak(msg);
					}
					alert("切分左上角设置成功！");
					
				}
				else if(my_crop==1)
				{
					my_crop_3=top;
					my_crop_4=left;
					//alert("y:"+my_crop_3+"x:"+my_crop_4);
					if(window.speechSynthesis !=undefined)
					{
						var msg = new SpeechSynthesisUtterance("切分右下角设置成功！");
						window.speechSynthesis.speak(msg);
					}
					alert("切分右下角设置成功！");
					my_crop=-1;
				}
								
				my_crop++;
			}
			/*else
			{
				my_crop=0;
				offset=$(this).offset();
				top=e.pageY-offset.top-radius;
				left=e.pageX-offset.left-radius;
				//$('.wrap').append('<div class="ball" style="top:'+top+';left:'+left+'"></div>');
				$('.container').html('<div class="ball" style="top:'+top+';left:'+left+'"></div>');
				
				//alert(left+","+top);
				if(my_crop==0)
				{
					my_crop_1=left+","+top;
					alert("my_crop_1:"+my_crop_1);
				}
			}*/
			
		});
	$("#findByOrgan").click(
	function()
	{
		if(window.speechSynthesis !=undefined)
		{
			window.speechSynthesis.pause();
			window.speechSynthesis.cancel();
		}
		/*organ=$("#select_organ").find("option:selected").text();
		if(organ=="肝脏")
		{
			organ="liver";
		}
		else if(organ="肺")
		{
			organ="lung";
		}*/
		var naturalWidth = document.getElementById('img').offsetWidth;
		var naturalHeight = document.getElementById('img').offsetHeight;
		//alert("naturalWidth:"+naturalWidth+"naturalHeight:"+naturalHeight);
		var imgurl = $("#file").val();
		if(imgurl=="")
		{
			if(window.speechSynthesis !=undefined)
			{
				var msg = new SpeechSynthesisUtterance("请选择图片");
				window.speechSynthesis.speak(msg);
			}
			alert("请选择图片");
		}
		else
		{
			/*两个方法二选一 和后端交互的时候看
			 $.ajaxFileUpload({
		            url:"***",
		            type:"post"
		            fileElementId: "file", //文件上传域的ID，这里是input的ID，而不是img的
		            contentType: "application/x-www-form-urlencoded; charset=utf-8",
		            data:{"organ":organ}
		            success: function (data) {
		                  //将分割的结果展示 即替换img的src
		                  //$("#img").attr("src","data:image/jpg;base64,"+data)
		            }
		    });*/
			if(window.speechSynthesis !=undefined)
			{
				var msg = new SpeechSynthesisUtterance("正在切分，请稍后");
				window.speechSynthesis.speak(msg); 
			}
	        var formData = new FormData();
	        formData.append('test_nii', document.getElementById('file').files[0]);
			formData.append('my_crop_1',my_crop_1);
			formData.append('my_crop_2',my_crop_2);
			formData.append('my_crop_3',my_crop_3);
			formData.append('my_crop_4',my_crop_4);			
			formData.append('naturalWidth',naturalWidth);
			formData.append('naturalHeight',naturalHeight);
			//formData.append('organ_name',organ);
			$("#loadingDiv").show();
	        $.ajax({
	            url:"https://holer50861.restclient.cn/project/image_crop/",
	            type:"post",
				data: formData,
				dataType:"json",
				processData: false,
				contentType: false,
	            success: function(info) {
	            	$("#loadingDiv").hide();
	            	//alert(info);
					json=info;
					//alert(json.test);
					if(json.file_type == 'notsafe')
					{
						if(window.speechSynthesis !=undefined)
						{
							var msg = new SpeechSynthesisUtterance("该文件类型不允许上传！");
							window.speechSynthesis.speak(msg);
						}
						alert("该文件类型不允许上传！");
						return;
					}
					
					var resulturl=json.result;
					
					urls=json.showlist;
					datanum=urls.length;
					
					nowpage=1;
					pagenum=Math.ceil(datanum/9);
					$("#showimg").css("display","block");
					$("#img").css("display","block");
					$("#img").attr("src",resulturl);
					$("#img_a").attr("href",resulturl);
					//$("#file").val("");
					
					
					$("#pagenum").text(nowpage+"/"+pagenum);
					$("#datanum").text("共"+datanum+"条");
					
					if(window.speechSynthesis !=undefined)
					{
						
						msg1 = "已将您的图像切分出:"+datanum+"条结果。"+"请按需保存";
						msg = new SpeechSynthesisUtterance(msg1);
						window.speechSynthesis.speak(msg);
						
					}
					$("tbody").empty();
					if(datanum<9)
					{
						for(var i=0;i<datanum;i=i+3)
						{
							if(datanum-i>=3)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
							}
							else if(datanum-i==2)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
							}
							else if(datanum-i==1)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
							}
						}
					}
					else
					{
						for(var i=0;i<9;i=i+3)
						{
							$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
						}
					}
					$j(".list_images").imgbox({
						'speedIn'		: 0,
						'speedOut'		: 0,
						'alignment'		: 'center',
						'overlayShow'	: true,
						'allowMultiple'	: false		
					});
					
	            },
	            error:function(data) {
					$("#loadingDiv").hide();
					if(window.speechSynthesis !=undefined)
					{
						var msg = new SpeechSynthesisUtterance("请稍后请求服务器");
						window.speechSynthesis.speak(msg);
					}
	                alert("请稍后请求服务器");
	            }
	        });
			
			/*
			$.ajax({
	            url:"http://192.168.1.113:8000/project/split_3d/",
	            type:"post",
				data: formData,
				processData: false,
				contentType: false,
	            success: function(info) {
					alert("发送成功");
				}
			});*/
		}
	});

	$("#gotofirst").click(function()
	{
		$("tbody").empty();
		nowpage=1;
		$("#pagenum").text(nowpage+"/"+pagenum);
		$("#datanum").text("共"+datanum+"条");
		if(datanum<9)
		{
			for(var i=0;i<datanum;i=i+3)
			{
				if(datanum-i>=3)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
				}
				else if(datanum-i==2)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
				}
				else if(datanum-i==1)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
				}
			}
		}
		else
		{
			for(var i=0;i<9;i=i+3)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
			}
		}
		$j(".list_images").imgbox({
			'speedIn'		: 0,
			'speedOut'		: 0,
			'alignment'		: 'center',
			'overlayShow'	: true,
			'allowMultiple'	: false		
		});
	});
	$("#gotonext").click(function()
	{
		if(nowpage==pagenum)
		{
			if(window.speechSynthesis !=undefined)
			{
				var msg = new SpeechSynthesisUtterance("已经是最后一页了");
				window.speechSynthesis.speak(msg);
			}
			alert("已经是最后一页了");
		}
		else if(nowpage+1==pagenum)
		{
			//alert("要显示最后一页了");
			$("tbody").empty();
			for(var i=9*(pagenum-1);i<datanum;i=i+3)
			{
				if(datanum-i>=3)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
				}
				else if(datanum-i==2)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
				}
				else if(datanum-i==1)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
				}
			}
			nowpage=nowpage+1;
			$("#pagenum").text(nowpage+"/"+pagenum);
			$j(".list_images").imgbox({
				'speedIn'		: 0,
				'speedOut'		: 0,
				'alignment'		: 'center',
				'overlayShow'	: true,
				'allowMultiple'	: false		
			});
		}
		else
		{
			$("tbody").empty();
			for(var i=9*nowpage;i<9*nowpage+9;i=i+3)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
			}
			nowpage=nowpage+1;
			$("#pagenum").text(nowpage+"/"+pagenum);
			$j(".list_images").imgbox({
				'speedIn'		: 0,
				'speedOut'		: 0,
				'alignment'		: 'center',
				'overlayShow'	: true,
				'allowMultiple'	: false		
			});
		}
	});
	$("#gotopre").click(function()
	{
		if(nowpage==1)
		{
			if(window.speechSynthesis !=undefined)
			{
				var msg = new SpeechSynthesisUtterance("已经是第一页了");
				window.speechSynthesis.speak(msg);
			}
			alert("已经是第一页了");
		}
		else
		{
			nowpage=nowpage-1;
			$("tbody").empty();
			for(var i=9*(nowpage-1);i<9*(nowpage-1)+9;i=i+3)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody");			
			}
			$("#pagenum").text(nowpage+"/"+pagenum);
			$j(".list_images").imgbox({
				'speedIn'		: 0,
				'speedOut'		: 0,
				'alignment'		: 'center',
				'overlayShow'	: true,
				'allowMultiple'	: false		
			});
		}
	});
	$("#gotolast").click(function()
	{
		$("tbody").empty();
		for(var i=9*(pagenum-1);i<datanum;i=i+3)
		{
			if(datanum-i>=3)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
			}
			else if(datanum-i==2)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
			}
			else if(datanum-i==1)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
			}
		}
		nowpage=pagenum;
		$("#pagenum").text(nowpage+"/"+pagenum);
		$j(".list_images").imgbox({
			'speedIn'		: 0,
			'speedOut'		: 0,
			'alignment'		: 'center',
			'overlayShow'	: true,
			'allowMultiple'	: false		
		});
	});
	$("#gopage_number").click(function()
	{
		var pagenumber=parseInt($("#selectnumber").val());
		if(pagenumber<1)
		{
			if(window.speechSynthesis !=undefined)
			{
				var msg = new SpeechSynthesisUtterance("选择的页号超出了范围");
				window.speechSynthesis.speak(msg);
			}
			alert("选择的页号超出了范围");
		}
		else if(pagenumber<pagenum)
		{
			$("tbody").empty();
			for(var i=9*(pagenumber-1);i<9*(pagenumber-1)+9;i=i+3)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody");			
			}
			nowpage=pagenumber;
			$("#pagenum").text(nowpage+"/"+pagenum);
			$j(".list_images").imgbox({
				'speedIn'		: 0,
				'speedOut'		: 0,
				'alignment'		: 'center',
				'overlayShow'	: true,
				'allowMultiple'	: false		
			});
		}
		else if(pagenumber==pagenum)
		{
			$("tbody").empty();
			for(var i=9*(pagenum-1);i<datanum;i=i+3)
			{
				if(datanum-i>=3)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
				}
				else if(datanum-i==2)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
				}
				else if(datanum-i==1)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
				}
			}
			nowpage=pagenum;
			$("#pagenum").text(nowpage+"/"+pagenum);
			$j(".list_images").imgbox({
				'speedIn'		: 0,
				'speedOut'		: 0,
				'alignment'		: 'center',
				'overlayShow'	: true,
				'allowMultiple'	: false		
			});
		}
		else
		{
			if(window.speechSynthesis !=undefined)
			{
				var msg = new SpeechSynthesisUtterance("选择的页号超出了范围");
				window.speechSynthesis.speak(msg);
			}
			alert("选择的页号超出了范围");
		}
	});
	
})