XDProjects/js/Image_binary_segmentation.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;
	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		
	});
	$('.example-content img').click(function(){
		window.open($(this).attr('src'))
	})
	$("#check_add").click(
	function()
	{
		organ=$("#select_patient").find("option:selected").text();
		$('.example-content').show()
		if(organ=="病人1")
		{
			$('.example-content .original').find('img').attr('src','images/patient1.png')
			$('.example-content .lesion').find('img').attr('src','images/patient1a.png')
			// document.getElementById('img_c').src="images/patient1.png";
			// document.getElementById('img_c').href="images/patient1.png";
			// document.getElementById('showimg1').style.display="block";
			// document.getElementById('img_d').src="images/patient1a.png";
			// document.getElementById('img_d').href="images/patient1a.png";
			// document.getElementById('showimg1').style.display="block";
			// document.getElementById('img_e').src="images/patient1.png";
			// document.getElementById('img_e').href="images/patient1.png";
			// document.getElementById('showimg1').style.display="block";
			// document.getElementById('img_f').src="images/patient1a.png";
			// document.getElementById('img_f').href="images/patient1a.png";
			// document.getElementById('showimg1').style.display="block";
		}
		else if(organ=="病人2")
		{
			$('.example-content .original').find('img').attr('src','images/patient2.png')
			$('.example-content .lesion').find('img').attr('src','images/patient2b.png')
			// document.getElementById('img_c').href="images/patient2.png";
			// document.getElementById('showimg1').style.display="block";
			// document.getElementById('img_d').href="images/patient2b.png";
			// document.getElementById('showimg1').style.display="block";
			// document.getElementById('img_e').src="images/patient2.png";
			// document.getElementById('img_e').href="images/patient2.png";
			// document.getElementById('showimg1').style.display="block";
			// document.getElementById('img_f').src="images/patient2b.png";
			// document.getElementById('img_f').href="images/patient2b.png";
			// document.getElementById('showimg1').style.display="block";
		}
	});
	$("#findByOrgan").click(
	function()
	{
		$('.example-content').hide()
		if(window.speechSynthesis !=undefined)
		{
		window.speechSynthesis.pause();
		window.speechSynthesis.cancel();
		}
		organ=$("#select_organ").find("option:selected").text();
		organ="spine";
		if(organ=="脊柱")
		{
			organ="spine";
		}
		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('organ_name',organ);
			$("#loadingDiv").show();
	        $.ajax({
	            url:"https://holer50861.restclient.cn/project/cer_ver_seg/",
	            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;
					var resulturl_att=json.result_att;
					$("#showimg").css("display","block");
					$("#img1").css("display","block");
					$("#img1").attr("src",resulturl);
					$("#img_b").attr("href",resulturl);
					
					$("#img1_att_back").css("display","block");
					$("#img1_att_back").attr("src",resulturl_att);
					$("#img_att").attr("href",resulturl_att);
					//$("#file").val("");
					
					
					$("tbody").empty();
					
					$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("选择的页号超出了范围");
		}
	});
	$("#show_3d_image").click(
	function()
	{
		//alert("点击");
		if(searchname=="organ")
		{
			console.log(organ)
			if(organ=="lung")
			{
				//alert("lung ");
				//window.location.href="fei.html";
				window.open('fei.html');
			}
			else if(organ=="liver")
			{
				window.open('ganzang.html');
			}
		}
		else if(searchname=="lesion")
		{
			window.open('bingbian.html');
		}
	}
	)
})