websocket获取图片2进制数据流显示

  javascript从websocket返回的2进制流中获取数据显示到img对象中。

ws.onmessage = function(evt) {  
    if(typeof(evt.data)=="string"){  
        //textHandler(JSON.parse(evt.data));  
    }else{  
  var reader = new FileReader();  
        reader.onload = function(evt){  
            if(evt.target.readyState == FileReader.DONE){  
                var url = evt.target.result;  
    alert(url);  
                var img = document.getElementById("imgDiv");  
    img.innerHTML = "<img src = "+url+" />";  
            }  
        }  
        reader.readAsDataURL(evt.data);  
    }  
};  

  参考

  1. javascript btoa/atob方法
  2. HTML5 FileReader对象API
  3. http://stackoverflow.com/questions/9292133/receiving-image-through-websocket
  4. http://stackoverflow.com/questions/29361738/png-or-jpg-not-rgb-over-websocket-with-arraybuffer-without-base64
  5. http://blog.csdn.net/kkkkk4400/article/details/16980647

加支付宝好友偷能量挖...


原创文章,转载请注明出处:websocket获取图片2进制数据流显示

评论(0)Web开发网
阅读(844)喜欢(0)JavaScript/Ajax开发技巧