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); } };
参考
- javascript btoa/atob方法
- HTML5 FileReader对象API
- http://stackoverflow.com/questions/9292133/receiving-image-through-websocket
- http://stackoverflow.com/questions/29361738/png-or-jpg-not-rgb-over-websocket-with-arraybuffer-without-base64
- http://blog.csdn.net/kkkkk4400/article/details/16980647
加支付宝好友偷能量挖...
原创文章,转载请注明出处:websocket获取图片2进制数据流显示