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