WebSockets-将图像发送到连接的客户端

2024-03-12

这是我在 stackoverflow.com 上发表的第一篇文章,所以我会尽量简单明了。 我必须使用 websockets 开发 web 应用程序的功能。我能够发送文本数据 使用websockets,但不是图像。我已经查看并尝试了不同的可能性,但无法使其工作。图像的处理必须在javascript中进行。

如果您有解决方案,请帮助我。 谢谢。

更新:我已成功使用 HTML5 的 FileReader Api 通过 websockets 发送图像。 谢谢大家。


Websockect 无法发送图像或二进制数据以外的任何其他内容。您可以通过将图像运行时转换为 Base64 数据并通过 javascript 将其解码为图像来解决此问题。

有很多关于如何解码 Base64 编码图像的示例,但您也可以将其直接嵌入到图像 src 中:<img src="data:image/png;base64,xxxxxxxxxxxxxxxxxx" />将 x'es 替换为 Base64 数据。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

WebSockets-将图像发送到连接的客户端 的相关文章

  • HTML代码可以像CSS文件一样附加到HTML页面吗?

    HTML 代码可以像 CSS 文件一样附加到 HTML 页面吗 这样 如果所有页面中都复制了部分 HTML 代码 我可以将其放在一个文件中 然后轻松修改它 谢谢 Ahmed 是的 可以 使用框架 但不推荐 Example 此代码将允许您重用
  • 在 HTML5 中使用 JS 创建内联 SVG

    我正在使用本地 HTML5 文件 它有在顶部 我在里面放了这样的东西
  • 数据表“footerCallback”函数未在页脚中显示结果

    我尝试获取每列的总和并将结果显示在页脚中 我在用着 页脚回调 https datatables net reference option footerCallbackDatatables提供的功能 但是它在页脚中没有显示任何内容 数据表解释
  • CSS:如何在模糊的背景上剪切文本?

    我想重新创建以下样式 我想出了以下内容 问题是剪切不会影响模糊滤镜 我不知道如何解决它 这是我的 HTML 代码 glass width 40 height 100 position absolute background rgba 255

  • 有多少像素? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 一个有多少像素 br 标签添加 我知道 br 高度可以通过CSS控制line height财产 不同浏览器的值是否相同 它会添加与浏览
  • 背景大小:封面在视网膜显示屏上看起来像素化

    可以看到我正在开发的网站here http ourcityourstory com dev 如果你查看 iPad 3 或 iPhone 4 上的 关于 或 联系 部分 背景看起来全都是疯狂的像素化 我有background size set
  • 是否存在类似 number 的内容?

    当我们使用 a href number a or a href mailid a 对于电话号码和电子邮件 类似的事情 a href number a 传真存在吗 是的 电话 传真和调制解调器 URL 方案在https www ietf or
  • Chrome:网络元素自动移动

    我正在开发一个网络项目 在过去的两周里 我正在进行学期考试 所以我要休息一下 现在 既然他们已经结束了 我又继续我的工作了 但我发现我的一些Web 元素 如按钮 span 在 Chrome 上移动了一些像素 在 IE 和 Mozilla 上
  • 在具有不同边框的 div 上调用函数

    我有一个div对于一个名为 ball 的类 div 的每个边缘都有一个边框 顶部边框 左侧边框等 当用户单击每个边框上的边框时 我想用 JavaScript 触发不同的事件 例如 用户点击边框顶部console log top 等等 HMT
  • 底部带有三角形的 div 和背景图像

    我想做一个div 有一个底部的三角形 但我需要三角形上的背景图像为了出现 我尝试使用伪元素 after 但它不起作用 homebg after content position absolute top 100 left 0 right 0
  • Facebook 分享自定义消息

    项目网站上有一个测验 您可以回答一些问题 然后根据答案得出结果 结果有时会有所不同 但客户要求结果 自定义消息 应该能够在 Facebook 上共享 我想做的就是通过自定义消息分享测验的网址 即 我在有关历史的测验中回答了 10 个问题中的
  • Bootstrap 标签栏平滑移动导航按钮

    我有一个用于切换块的普通引导选项卡面板 在导航中切换块时 活动选项卡会突出显示 但现在 当我单击活动选项卡的背景时 它会立即发生变化 是否可以使切换选项卡时背景不会立即改变 而是根据需要哪个选项卡而平滑地左右移动 这可以用以下方法完成吗cs
  • HTML 和 标签有什么区别?

    HEAD 标签和 BODY 标签有什么区别 大多数 HTML 书籍仅 简短 提及 and 标签 但它们消失得很快 它们会影响浏览器呈现网页的方式吗 另外 它们会影响 javascript 的运行顺序吗 我的意思是 如果我里面有一个javas
  • Rails、REST 架构和 HTML 5:带有预检请求的跨域请求

    在致力于使我们的网站 HTML 5 友好的项目时 我们渴望采用跨域请求的新方法 不再通过隐藏的 iframe 发布 使用访问控制 http www w3 org TR access control 根据规范 我们开始设置一些测试来验证各种浏
  • 使用 Flot、html、PHP 和 MySql 查询绘制多个图表

    我正在尝试使用 Flot html PHP 和 MySql 查询绘制多个图表 但我陷入了困境 因为我找不到在同一个 html 页面中绘制多个 flot 的方法 为简单起见 在数据库 test db3 映像中包含以下字段 表1 用户名 发送邮
  • Next.js:错误:React.Children.only 期望接收单个 React 元素子元素

    我有一个名为Nav inside components目录及其代码如下所示 import Link from next link const Nav gt return div a Home a a About a div export d
  • 在 Chrome 中隐藏 HTML 时间输入字段上的图标

    在 Chrome 中 当您type time 属性到输入框 您会在输入旁边看到一个小图标时钟图标 有没有办法去掉这个小时钟图标 基于这个问题的答案 将日期输入三角形更改为日历图标 https stackoverflow com questi
  • 如何对多行文本中的每一行应用填充?

    我已将背景颜色应用于 span 标签 也有左和右padding设置在它上面 问题是 padding仅适用于左侧 开始 和右侧 结束 span 而不是当文本换行时每行的左侧 开始 和右侧 结束 我该如何应用左和右padding to the
  • 将两个数字相加将它们连接起来而不是计算总和

    我将两个数字相加 但没有得到正确的值 例如 做1 2返回 12 而不是 3 我在这段代码中做错了什么 function myFunction var y document getElementById txt1 value var z do
  • 区分 NaN 输入和输入类型为“number”的空输入

    我想使用 type number 的表单输入 并且只允许输入数字

随机推荐

  • 将文本附加到变量的末尾[重复]

    这个问题在这里已经有答案了 以下有效 但我不想要它返回的空间 read input file input file file ins b how to get rid of the space here echo file 这输出 文件 i
  • 访问 ASP.Net MVC 5 应用程序中的页面时如何保持活动菜单项突出显示?

    因此 我有一个 ASP Net MVC 5 应用程序 其中一页有四个菜单项 页面加载时 默认选择第一个菜单项 因此页面加载后应立即突出显示 现在 一旦用户单击任何其他菜单 该其他菜单就应该处于突出显示阶段 以便用户知道他当前所在的菜单 以下
  • 如何在 iOS 图表中自定义数据点标签?

    我试图使折线图中的数据点标签显示自定义字符串而不是实际数字 使用 iOS 图表 图表库 我想知道是否有类似 IAxisFormatter 的东西 我用它来格式化我的 x 和 y 轴标签 我想知道是否有人知道如何在 Swift 中准确地做到这
  • 如何使用 JavaScript 检测 Ctrl+V、Ctrl+C?

    How to detect Ctrl V Ctrl C using JavaScript 我需要限制在文本区域中粘贴 最终用户不应复制和粘贴内容 用户应仅在文本区域中键入文本 我怎样才能实现这个目标 I just did this out
  • 自动 Java 错误报告系统

    有谁知道java中的自动错误报告系统吗 我们有一个安装在客户端服务器上的服务器产品 我们的想法是 我们的服务器会打电话回家 将错误的详细信息发送到我们的一台服务器 然后将错误输入到我们的错误跟踪器中 最好是通过 http 进行 并非所有异常
  • IllegalArgumentException:指定为非 null 的参数为 null:方法 kotlinx.coroutines.BuildersKt__Builders_commonKt.launch,参数上下文

    我正在尝试对以下使用 kotlin 协程的函数进行单元测试 fun authenticateWithUserAndPassword usernameOrEmail String password String launchUI strate
  • Android 数据绑定 XML 错误

    我在 Android Studio 项目上使用数据绑定库 每当我构建 运行 清理 重建等时 我都会收到以下错误 app processDebugResources AGPBI kind error text Error parsing XM
  • jqGrid不显示JSON数据

    我希望将 jqGrid 用于我当前正在开发的 Web 项目 问题是 我似乎无法让网格显示 JSON 数据 这是网格的初始化代码 fn loadjqgrid function httpposturl this jqGrid url httpp
  • 在 Visual Studio 中制作属性代码片段

    我厌倦了编写样板属性代码 例如 public string Name get return this name set SetProperty ref name value 因此 我决定在 Visual Studio 中制作一个代码片段来自
  • htaccess .html、.css、.js 的 UTF-8 编码 - 最好的方法是什么?

    对于 yslow 页面速度 我想删除我的元标记并将我的编码放入 htaccess 文件中 以下是我读过的所有方法 哪种方式是首选方式 另外 语言设置也是一个好主意 如果文件匹配之外 它将适用于所有文件类型吗 1 https github c
  • PyCharm 中的 PyQt4 没有自动完成功能

    在我使用的办公室电脑上 Python 3 4 PyQt4 版本 4 11 1 PyCharm 社区版 3 4 1 我按照上述顺序安装了所有内容 但是 代码完成不起作用 它适用于导入 但不适用于类和方法 我做了一个小示例程序 import s
  • 如何找到最大堆栈大小?

    我正在使用 Ubuntu 11 04 如何找出进程的最大调用堆栈大小以及堆栈的每个帧的大小 快速谷歌搜索应该会显示关于这个主题的一些信息 http www cs nyu edu exact core doc stackOverflow tx
  • 如果已在下拉列表中选择了项目,则 SelectedIndexChanged 事件不会触发?

    假设我有一个包含 2 个项目的下拉列表 并且默认情况下选择第一个项目 如果我选择单击下拉列表中的第一项 有没有办法让 SelectedIndexChanged 事件仍然触发 我以为我可以通过将下拉列表的 SelectedIndex 设置为
  • ImportError:找不到入口点('console_scripts','easy_install')

    我正在尝试安装一个软件包 其中一个说明如下 但出现错误 easy install U distribute pip Traceback most recent call last File Library Frameworks Python
  • 如何知道在jetpack compose的lazyrow视口中完全可见的项目?

    我有一个包含项目的惰性行 现在 我想对每当用户滚动惰性行时在视口中完全可见的项目进行 API 调用 我尝试过以下代码 listState rememberLazyListState LaunchedEffect listState snap
  • 计算机如何记录时间? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 时间在计算机中是如何表示的 我的意思是计算机不是尽可能快地完成所有计算吗 如果事物在不同的机器上以不同的速度运行 你如何跟踪时间的流逝
  • React Native - 无法在前端导入猫鼬(但它可以从后端运行)

    我无法在前端导入猫鼬 但它在后端有效 我有一个单独的后端目录 我有一些代码可以将几个用户添加到我的数据库中 这里是 import mongoose from mongoose import User from models user con
  • 信号量和互斥量在实现上有什么区别?

    我读到互斥锁和二进制信号量仅在一方面不同 在互斥锁的情况下 锁定线程必须解锁 但在信号量中 锁定和解锁线程可以不同吗 哪一种效率更高 假设您知道信号量和互斥体之间的基本区别 为了快速 简单的同步 请使用临界区 要跨进程边界同步线程 请使用互
  • PyQt:悬停按钮时更改光标

    我正在尝试制作一个按钮 或任何其他 Qwidget 这将在悬停时更改用户光标 例如 当我将鼠标悬停在 QPushButton 上时 它会将光标从箭头更改为指向手 我正在使用 Qt 样式表 所以我不完全确定 但是有没有办法在那里做类似的事情
  • WebSockets-将图像发送到连接的客户端

    这是我在 stackoverflow com 上发表的第一篇文章 所以我会尽量简单明了 我必须使用 websockets 开发 web 应用程序的功能 我能够发送文本数据 使用websockets 但不是图像 我已经查看并尝试了不同的可能性