关闭

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

4355人阅读 评论(5) 收藏 举报
分类:

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

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

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

贴上代码 供参考:

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


[javascript] view plain copy
 在CODE上查看代码片派生到我的代码片
  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
 在CODE上查看代码片派生到我的代码片
  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
 在CODE上查看代码片派生到我的代码片
  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小代码还被坑成这样,真心难受。

7
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:8567793次
    • 积分:72327
    • 等级:
    • 排名:第24名
    • 原创:258篇
    • 转载:2781篇
    • 译文:3篇
    • 评论:752条
    文章分类
    最新评论