关于如何使用websocket 接收并显示图片或者操作二进制

JS操作websocket接收的二进制，安全性能有保障，已经过一年实践考验：

[javascript] view plain copy

1. ws.onmessage = function(evt) {  
2.     if(typeof(evt.data)=="string"){  
3.         textHandler(JSON.parse(evt.data));  
4.     }else{  
5.         var reader = new FileReader();  
6.         reader.onload = function(evt){  
7.             if(evt.target.readyState == FileReader.DONE){  
8.                 var data = new Uint8Array(evt.target.result);  
9.                 handler(data);  
10.             }  
11.         }  
12.         reader.readAsArrayBuffer(evt.data);  
13.     }  
14. };    

[html] view plain copy

1. function handler(data){  
2.     switch(data[0]){  
3.     case 1:  
4.         getCard(data[1]);  
5.         break;  
6.   
7. ...  

JS操作websocket接收的图片，今天刚写的，也是用filereader实现。

[html] view plain copy

1. ws.onmessage = function(evt) {  
2.     if(typeof(evt.data)=="string"){  
3.         //textHandler(JSON.parse(evt.data));  
4.     }else{  
5.   var reader = new FileReader();  
6.         reader.onload = function(evt){  
7.             if(evt.target.readyState == FileReader.DONE){  
8.                 var url = evt.target.result;  
9.     alert(url);  
10.                 var img = document.getElementById("imgDiv");  
11.     img.innerHTML = "<img src = "+url+" />";  
12.             }  
13.         }  
14.         reader.readAsDataURL(evt.data);  
15.     }  
16. };