websocket客户端在发送大数据时断开连接(websocket client disconnects on sending large data)
我有nodejs websocket服务器和客户端发送图像。 问题是客户端在发送高分辨率[即512 x 512或更多]或大尺寸[即接近> 50KB]图像时自动断开连接。
注意:尺寸和尺寸较小,可以发送。
function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); var dataURL = canvas.toDataURL("image/png"); return dataURL; } function sendImage(){ var img = getBase64Image(document.getElementById("image") ); var JSONimg = { ' type' : 'img', 'data' : img, } ws.send(JSON.stringify(JSONimg)); }
对应的HTML:
<button onclick="sendImage()">Send Image</button> <img id="image" src="img/image.png" alt="" />
题
图像的大小或尺寸是插座断开的原因吗?
websocket消息的任何大小限制?
I'm having nodejs websocket server and client to send images. Problem is client auto disconnects on sending high resolution [i.e 512 x 512 or more] or large size [i.e nearly > 50KB]images.
Note: With lesser dimensions and size it's able to send.
function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); var dataURL = canvas.toDataURL("image/png"); return dataURL; } function sendImage(){ var img = getBase64Image(document.getElementById("image") ); var JSONimg = { ' type' : 'img', 'data' : img, } ws.send(JSON.stringify(JSONimg)); }
Corresponding HTML:
<button onclick="sendImage()">Send Image</button> <img id="image" src="img/image.png" alt="" />
Question
Is Size or dimension of image is a reason for socket disconnection?
Any Size limitation for websocket messages?
原文:https://stackoverflow.com/questions/29286050
更新时间:2022-11-22 13:11
最满意答案
如果要将值推送到ng-model,没有用?
var city_name_pre = window.localStorage.getItem('city_name'); if (city_name_pre != null) { $scope.autocomplete = city_name_pre; }
If you are pushing values to the ng-model, doesn't help?
var city_name_pre = window.localStorage.getItem('city_name'); if (city_name_pre != null) { $scope.autocomplete = city_name_pre; }
相关问答
更多-
TCP/IP模型是一个________。[2023-10-02]
a -
下列中不属于面向对象的编程语言的是?[2022-05-30]
a -
我检查了声明的变量 - 在这里它的 var mktoLeadFields (在Q中给出),并创建了一个逻辑,将预先赋值赋值给该变量,然后使用时设置表单值 form.vals(prefillFields); 有效。 I checked the declared variable - here its var mktoLeadFields (given in Q) and made a logic that assigned the pre-enetered value to that var and the ...
-
我设法让它像这样工作。 import ast class ApplicationForm(forms.ModelForm): def __init__(self, *args, **kwargs): if kwargs.get('instance'): kwargs['initial'] = { 'occupation': ast.literal_eval(kwargs.get('instance').occupation o ...
-
如果未填写inputField,则禁用导航到下一页(Disable navigating to next page if inputField isn't filled in)[2022-08-16]
您使用了一个标记 ,其中设置了href属性,并使您立即转到下一页,尽管inputField为空。 这应该做你想要的: window.onload = function(){ function checkFilled(inputField) { if(inputField.value.length > 1) { return true; } else { alert('field1 is not filled in'); retur ... -
在预填充中,您将获得预填充对象中给出的值。 就像你传递$ amount和$ razorpayOrderId一样,你可以使用$ name和$ email等,这可能是你从文本框或类似的东西获得的价值。 将这些名称和电子邮件存储在变量中并将其传递到预填充中。 In prefill you will get the value which you are given in the prefill object. Just like you passsed $amount and $razorpayOrderId y ...
-
如果要将值推送到ng-model,没有用? var city_name_pre = window.localStorage.getItem('city_name'); if (city_name_pre != null) { $scope.autocomplete = city_name_pre; } If you are pushing values to the ng-model, doesn't help? var city_name_pre = window.localStorage.ge ...
-
上述答案的问题是用户可以删除整个文本并重新开始.. 所以如果你真的想把它限制为“在...中做什么”,那么你应该只提供该位置的文本输入..类似于raam86的答案。锁定到Inspectors.NewInspector以捕获何时打开新消息项。 要确定邮件是否处于撰写与读取模式,请检查MailItem.Sent 。 要预填充字段,可以使用Outlook.MailItem界面轻松访问属性。 这应该是一个很好的启动,但你真的应该阅读Outlook对象模型概述,以更好地了解插件集成。 Latch onto the Inspectors.NewInspectorto capture when new message items are opened. To determine i ...
相关文章
更多- 《Big Data Glossary》笔记
- HDFS Client如何从Datanode读取block
- The Log: What every software engineer should know about real-time data's unifying abstraction
- 企业级搜索引擎Solr 第三章 索引数据(Indexing Data)[1] (转)
- Becoming a data scientist
- data-config
- (二)solr data import
- HDFS源码分析——RPC Client实现
- Riak, haproxy, and client side applications
- HDFS Datanode与Client之间的数据传输
最新问答
更多- 您如何使用git diff文件,并将其应用于同一存储库的副本的本地分支?(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
- 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
- OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
- 页面加载后对象是否有资格进行垃圾回收?(Are objects eligible for garbage collection after the page loads?)
- codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
- 在计算机拍照在哪里进入
- 使用cin.get()从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
- No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
- 单页应用程序:页面重新加载(Single Page Application: page reload)
- 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
- System.StackOverflow错误(System.StackOverflow error)
- KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
- 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
- android - 如何避免使用Samsung RFS文件系统延迟/冻结?(android - how to avoid lag/freezes with Samsung RFS filesystem?)
- TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
- 企业安全培训的各项内容
- 错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
- C#类名中允许哪些字符?(What characters are allowed in C# class name?)
- NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
- 注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
- 将多个行和可变行移动到列(moving multiple and variable rows to columns)
- 提交表单时忽略基础href,而不使用Javascript(ignore base href when submitting form, without using Javascript)
- 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
- Angular $资源不会改变方法(Angular $resource doesn't change method)
- 在Angular 5中不是一个函数(is not a function in Angular 5)
- 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
- 不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
- 常见的python rpc和cli接口(Common python rpc and cli interface)
- Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
- 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)