websocket大文件发送（分片传送思想）

最新推荐文章于 2025-03-22 19:32:08 发布

101tx

最新推荐文章于 2025-03-22 19:32:08 发布

阅读量4.4k

点赞数

分类专栏： javascript 文章标签： websocket 网络协议网络

本文链接：https://blog.csdn.net/tx101q/article/details/121159246

版权

本文介绍了一种使用WebSocket进行大文件分片传输的方法，以解决文件大小限制问题。在项目中，需要实现带有桌面共享功能的代码编辑器，通过Blob对象分割大文件，并利用WebSocket分片发送。接收端再将接收到的分片合并成原始文件。此方案确保了文件传输过程中不影响桌面共享的性能。文中给出了发送方、接收方及服务端转发的核心代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目前的项目是在做一款带桌面共享的代码编辑器，其中需要一个发送大文件的功能，传统的node.js处理大文件就是用Buffer.slice(0.offset)的思路把文件分割开，然后通过tcp或udp分开发送。前端中处理二进制的有Blob,它也有slice的方法，也可以将文件拆分开。然后借助websocket发开发送，然后在客户端（注意不是服务端）将文件合并。有人说websocket可以直接发，但是他的大小受到限制，比如发200M的东西，就会出问题。而我的方案就不会存在问题.最主要的是在发送文件的同时也不会影响到桌面共享的速度。

效果图：

下面是两个客户端发送和接受的代码：

发送方：

核心方法如下，注意tp参数代表的是你上传的文件或者采用拖动传入的文件，类型是blob

function sendBig(tp){
	var pack_id="pk_"+Math.floor(Math.random()*100000);	
	var len=tp.size;
	var sz=[]; 
	kg=true;
	var k=0;
		 if(len>16*1024){
			var p=Math.ceil(len/(16*1024));
				   for(var i=0;i<p-1;i++){
					   if(i==0){
							  sz.push({flag:"s",data:tp.slice(

最低0.47元/天解锁文章