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

 

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

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

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

文件下载:

 

 

服务器端代码:

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

 

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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);
    }
}; 

 

posted @   锐洋智能  阅读(28656)  评论(17编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· 【.NET】调用本地 Deepseek 模型
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
· 如何使用 Uni-app 实现视频聊天(源码,支持安卓、iOS)
点击右上角即可分享
微信分享提示