1 $(function() { 2 var websocket = null; 3 //浏览器是否支持websocket 4 if ("WebSocket" in window) { 5 try { 6 websocket = new WebSocket($("#socketUrl").val()); 7 websocket.onopen = function(data) { 8 // console.log("connect success "); 9 }; 10 11 websocket.onmessage = function(data) { 12 if (!isJsonFormat(data.data)) { 13 // console.log("onmessage : " + data.data); 14 } else { 15 var dataJson = JSON.parse(data.data).files; 16 if (null != dataJson) { 17 var imgId = $('.waite-for-ws').attr('imgId'); 18 for ( var key in dataJson) { 19 var path = dataJson[key].filePath; 20 21 $('#' + imgId).attr('src', ctx + "/wsla/download?filePath=" + path); 22 $('#' + imgId).attr('path', path); 23 $('#' + imgId).show(); 24 25 $('.waite-for-ws').parent().siblings('input[type=hidden]').val(path); 26 27 } 28 29 var index = imgId.lastIndexOf("-"); 30 var selector = '#' + imgId.substring(0, index) + '-tips'; 31 $(selector).hide(); 32 $(selector).css('display', 'none'); 33 34 $('.waite-for-ws').removeClass('waite-for-ws'); 35 // $('#uploadSuccessDiv').show(); 36 $("#div-show").hide(); 37 38 if (imgId == 'id-01-img' || imgId == 'id-02-img') { 39 sfzjzpTip(); 40 } else if (imgId == 'id-03-img') { 41 lszjpTip(); 42 } else if (imgId == 'id-04-img') { 43 yyzzjpTip(); 44 } 45 46 } else { 47 $("#div-show").show(); 48 } 49 } 50 }; 51 52 websocket.onerror = function(e) { 53 // console.log('connect error '); 54 }; 55 56 websocket.onclose = function(data) { 57 }; 58 59 window.onbeforeunload = function() { 60 websocket.close(); 61 } 62 63 } catch (error) { 64 // console.log('connect error '); 65 } 66 67 } else { 68 // console.log("Websockets not supported"); 69 } 70 71 $('.close').click(function() { 72 if (websocket != null) { 73 websocket.close(); 74 } 75 }); 76 77 });