tj_2525love
2015-04-13 08:13
采纳率: 28.6%
浏览 24.9k

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

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • liangtu 2015-04-13 08:15

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

    点赞 打赏 评论
  • CrazyBugCoder 2015-04-13 08:18

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

    点赞 打赏 评论
  • 空-城旧-梦 2015-04-13 08:32

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

    点赞 打赏 评论
  • 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);  
    
    };  
    
    点赞 打赏 评论

相关推荐 更多相似问题