Spring Websocket实现文本、图片、声音、文件下载及推送、接收及显示(集群模式)

 

相关环境 Nginx,Spring5.x当前(要选择4.0+),tomcat8.x,Quartz 2.x集群(实际运用是Quartz的集群模式和单机模式共存的)

测试面页：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);
    	}
    };