$(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= $("用户名:"+sessionStorage.getItem("username")+""); $("#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 }); $("#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 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/organ_search/", 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; organname=json.organ; urls=json.showlist; datanum=urls.length; searchname="organ"; 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(""); $("#lesion_class").css("display","block"); $("#lesion_organ").text("器官名称:"); $("#name").text(organname); $("#lesion_introduce").css("display","block"); $("#introduce").text("器官介绍:"); if(organ=="liver") { json.introduce="肝(liver),人体脏器名,五脏之一。是脊椎动物身体内以代谢功能为主的一个器官,并在身体里面充分扮演着去氧化,储存肝糖,分泌性蛋白质的合成等等。肝脏也制造消化系统中之胆汁。在医学用字上,常以拉丁语字首hepato-或hepatic来描述肝脏。大部分的肝脏疾病都会有黄疸的症状,这是由于肝脏无法继续将胆红素排出所以就在体内累积。中医认为:肝与胆相为表里,开窍于目,肝主藏血,主疏泄,有贮藏和调节血液的功能。《素问·五脏生成》:“肝之合筋也,其荣爪也。”肝又为将军之官,主谋虑。"; } $("#introduce_content").text(json.introduce); $("#show_3d").css("display","block"); $("#pagenum").text(nowpage+"/"+pagenum); $("#datanum").text("共"+datanum+"条"); var msg1 = "该器官名称为:"+organname; if(window.speechSynthesis !=undefined) { var msg = new SpeechSynthesisUtterance(msg1); window.speechSynthesis.speak(msg); msg1 = "目前影像库中该器官影像有:"+datanum+"条结果"; msg = new SpeechSynthesisUtterance(msg1); window.speechSynthesis.speak(msg); msg1 = "下面为您介绍该器官:"+json.introduce; msg = new SpeechSynthesisUtterance(msg1); window.speechSynthesis.speak(msg); } $("tbody").empty(); if(datanum<9) { for(var i=0;i=3) { $(" ").appendTo("tbody") } else if(datanum-i==2) { $(" ").appendTo("tbody") } else if(datanum-i==1) { $(" ").appendTo("tbody") } } } else { for(var i=0;i<9;i=i+3) { $(" ").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("发送成功"); } });*/ } }); $("#findByLesion").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=="肺") { if(window.speechSynthesis !=undefined) { var msg = new SpeechSynthesisUtterance("暂时无法进行肺部病变检测"); window.speechSynthesis.speak(msg); } alert("暂时无法进行肺部病变检测"); return; } else { if(window.speechSynthesis !=undefined) { var msg = new SpeechSynthesisUtterance("请选择检索器官范围"); window.speechSynthesis.speak(msg); } alert("请选择检索器官范围"); return; } var imgurl = $("#file").val(); if(imgurl=="") { if(window.speechSynthesis !=undefined) { var msg = new SpeechSynthesisUtterance("请选择图片"); window.speechSynthesis.speak(msg); } alert("请选择图片"); return; } else { /* var formData = new FormData(); formData.append('photo', document.getElementById('file').files[0]); $.ajax({ url:"${pageContext.request.contextPath}/system/uploadPhoto", type:"post", data: formData, contentType: false, processData: false, success: function(data) { $("#img").attr("src","data:image/jpg;base64,"+data); }, error:function(data) { alert("检索失败"); } });*/ //看看能不能传回来检测出来的是啥?即同时传数据和图片 或者就是后端直接把这个图片生成一个映射的图像,然后返回给我json串 //假设现在是检测出来了肝囊肿 if(window.speechSynthesis !=undefined) { var msg = new SpeechSynthesisUtterance("正在检索,请稍后"); window.speechSynthesis.speak(msg); } var formData = new FormData(); formData.append('test_image', document.getElementById('file').files[0]); formData.append('organ_name',organ); $("#loadingDiv").show(); $.ajax({ url:"https://holer50861.restclient.cn/project/lesion_search/", type:"post", data: formData, dataType:"json", processData: false, contentType: false, success: function(info) { $("#loadingDiv").hide(); //alert(info); json=info; if(json.file_type == 'notsafe') { if(window.speechSynthesis !=undefined) { var msg = new SpeechSynthesisUtterance("该文件类型不允许上传!"); window.speechSynthesis.speak(msg); } alert("该文件类型不允许上传!"); return; } //alert(json.test); var lesion=json.lesion; var resulturl=json.result; urls=json.showlist; datanum=urls.length; searchname="lesion"; $("#showimg").css("display","block"); $("#img").css("display","block"); //$("#file").val(""); if(resulturl!="") { $("#img").attr("src",resulturl); $("#img_a").attr("href",resulturl); $("#lesion_class").css("display","block"); $("#lesion_organ").text("病变名称:"); $("#name").text(lesion); $("#lesion_introduce").css("display","block"); $("#introduce").text("病变介绍:"); $("#introduce_content").text(json.introduce); $("#show_3d").css("display","block"); $("#legend").css("display","block"); var msg1 = "该病变名称为:"+lesion; if(window.speechSynthesis !=undefined) { var msg = new SpeechSynthesisUtterance(msg1); window.speechSynthesis.speak(msg); msg1 = "目前影像库中该病变影像有:"+datanum+"条结果"; msg = new SpeechSynthesisUtterance(msg1); window.speechSynthesis.speak(msg); msg1 = "下面为您介绍该病变:"+json.introduce; msg = new SpeechSynthesisUtterance(msg1); window.speechSynthesis.speak(msg); } } else { if(window.speechSynthesis !=undefined) { var msg = new SpeechSynthesisUtterance("请选择图片"); window.speechSynthesis.speak(msg); } alert("请选择图片"); return; } urls=json.showlist; datanum=urls.length; nowpage=1; pagenum=Math.ceil(datanum/9); $("#pagenum").text(nowpage+"/"+pagenum); $("#datanum").text("共"+datanum+"条"); $("tbody").empty(); if(datanum<9) { for(var i=0;i=3) { $(" ").appendTo("tbody") } else if(datanum-i==2) { $(" ").appendTo("tbody") } else if(datanum-i==1) { $(" ").appendTo("tbody") } } } else { for(var i=0;i<9;i=i+3) { $(" ").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("请稍后请求服务器"); } }); //json={"lesion":"肝囊肿","result":"F:/search_system/gannangzhong/5.jpg","showlist":["F:/search_system/gannangzhong/0.jpg","F:/search_system/gannangzhong/1.jpg","F:/search_system/gannangzhong/2.jpg","F:/search_system/gannangzhong/3.jpg","F:/search_system/gannangzhong/4.jpg","F:/search_system/gannangzhong/6.jpg","F:/search_system/gannangzhong/10.jpg","F:/search_system/gannangzhong/11.jpg","F:/search_system/gannangzhong/12.jpg","F:/search_system/gannangzhong/13.jpg","F:/search_system/gannangzhong/14.jpg","F:/search_system/gannangzhong/15.jpg","F:/search_system/gannangzhong/16.jpg"]}; } }); $("#gotofirst").click(function() { $("tbody").empty(); nowpage=1; $("#pagenum").text(nowpage+"/"+pagenum); $("#datanum").text("共"+datanum+"条"); if(datanum<9) { for(var i=0;i=3) { $(" ").appendTo("tbody") } else if(datanum-i==2) { $(" ").appendTo("tbody") } else if(datanum-i==1) { $(" ").appendTo("tbody") } } } else { for(var i=0;i<9;i=i+3) { $(" ").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=3) { $(" ").appendTo("tbody") } else if(datanum-i==2) { $(" ").appendTo("tbody") } else if(datanum-i==1) { $(" ").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) { $(" ").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) { $(" ").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=3) { $(" ").appendTo("tbody") } else if(datanum-i==2) { $(" ").appendTo("tbody") } else if(datanum-i==1) { $(" ").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 ").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=3) { $(" ").appendTo("tbody") } else if(datanum-i==2) { $(" ").appendTo("tbody") } else if(datanum-i==1) { $(" ").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'); } } ) })