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

时间:2021-01-06 18:43:56

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

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

每20秒随机显示不同类型的广告:文字、图片、声音),效果如下:

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

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

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

文件下载:

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

服务器端代码:

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

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

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

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