Spring 4.2+websocket集群实现文本或图片推送、接收及显示

相关环境 Nginx,Spring4.2.1当前(要选择4.0+),tomcat8.x,Quartz 2.2.1集群

测试面页：http://sms.reyo.cn/socket.html

测试面页是文本和图片同时接收并显示(每20秒随机显示文本及图片)，效果如下：



服务器端代码：

发送图片提供了两种方式处理，方便以后调用。



客户端接受并显示图片代码：

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);
}
};