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

今天想实现一个在firefox中使用websocket接收二进制图片并显示的功能。百度了半天..一堆人都说用MozBlobBuilder，可尼玛我的firefox游览器中就没这个对象！！版本(25.0.1)

回想一年前想实现用websocket实现模仿C++接收二进制并操作的时候，百度google上一堆人还说“js是不能实现二进制操作的”，我就开始火大了。都什么鸟玩意儿？？百度上什么时候出现的那么多坑货来坑人的？ 搞JS的牛人都去哪了？

实在受不了，发篇博客希望后者百度再想实现类似功能的时候不要再那么累了。

贴上代码 供参考：

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. };    

最后想说.看了那么多JS达人的博客，那么多转摘的文章，请问转摘之前自己实践过么？知道自己转的文章是正确的么？？

我平时搞ERLANG 搞C 搞JAVA，偶尔才写一点JS小代码还被坑成这样，真心难受。