html上面通过websocket接收二进制图片数据并显示在页面上

来源:互联网 发布:linux tomcat 安装 编辑:程序博客网 时间:2024/05/10 09:24

 <img src="" height=300 width=300 id="imgDiv"/>

webSocket.onmessage = function(event) { 


if(typeof(event.data)=="string"){ 

onMessage(event);     
}else{  

var reader = new FileReader();  
reader.onload = function(event){  
//alert("444");
            if(event.target.readyState == FileReader.DONE){  
                var url = event.target.result;  
//alert(url);  
document.getElementById('imgDiv').src=url
                //var img = document.getElementById("imgDiv");  
//img.innerHTML = "<img src = "+url+" />";  

            }  


上面这些代码就可以完成在页面上显示,以websocket方式接收到的二进制数据为图片

0 0
原创粉丝点击