问题描述

html如何将二进制图片数据流 在web上显示为图片

求大神门的指点 急需解决 。。。。。。。。。。。。。。。
我是这么写的

document.getElementById('img').innerHTML= (e.data)

解决方案

e.data是从哪里来的？websocket发送的2进制数据还是什么？如果是2进制数据，用FileReader加载2进制数据生成base64的图片内容

 ws.onmessage = function(evt) {  

  var reader = new FileReader();
        reader.onload = function(evt){
            if(evt.target.readyState == FileReader.DONE){
                var url = evt.target.result;
                                document.getElementById('img').src=url
            }
        }
        reader.readAsDataURL(evt.data);  

};

解决方案二：

前台src指向某个action，后台通过流输出图片。

解决方案三：

document.getElementById('img').src="服务器端的图片响应流"

解决方案四：

document.getElementById('img').src="服务器端的图片响应流"

解决方案五：

控制器：ImageIO.write(image,"JPEG",response.getOutputStream()); //输出图片 (一个图片输出流 response的输出流放进去)
页面