HTML5文件上传，断点续传的开发实现笔记

最新推荐文章于 2024-06-11 19:11:35 发布
最新推荐文章于 2024-06-11 19:11:35 发布
阅读量7.2k 收藏 26
点赞数 1
分类专栏： HTTP技术 文件上传技术 HTML5技术 文章标签： HTTP文件上传断点续传 断点续传 HTTP断点续传 HTTP超大文件上传
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ababab12345/article/details/80581860
版权

      由于集团业务需要，需要将大文件，通常是几个G的文件通过浏览器上传到平台里，但目前上大多数的网站的断点上传都是需要安装浏览器插件，例如需要安装FLASH、ActiveX控件、Java Applet插件。有时候服务器端也得自己实现，这样实现一个文件上传功能变得非常麻烦。由于当今的HTML5技术非常成熟了，通过HTML5 File api实现断点是一件非常容易的事情了，因此应该坚决采用HTML5的API来实现文件上传，笔者认为绝对不要在使用安装插件的方式了，安装插件有如下弊端：

  1. 不能跨浏览器支持，例如ActiveX控件就只能用于IE
  2. 新的浏览器已经都不支持Flash、java Applet了
  3. 不能跨平台，例如Windows平台能用，iOS与Android平台就不一定能用

      总之，用插件上传文件的方式已经过期了，放着HTML5 File api这么好的API不用，这不是暴殄天物呀，笔者经过短暂的资料查找后，发现只要自己实现一个HTTP服务器，即可以借助HTML5 File api本身的强大功能来实现大文件断点续传功能，借助于强大的HTML5 File api，结合笔者自己实现了一个HTTP上传服务器，实现的HTTP文件上传系统具备如下特色：

  • 支持超大文件HTTP上传，文件大小不受限制
  • HTTP上传断点续传支持
  • 支持HTML5浏览器上传进度显示
  • 无需浏览器端安装任何插件
  • 支持IE8及以下浏览器上传进度显示
  • 支持1000个实时并发连接
  • 无缓冲即时写入
  • 服务器端极少的CPU、内存占用
  • 支持查看客户在线连接 用 http://ip:port/lists
  • Compatible with Chrome, FireFox, Safari, IE,Opera and Edge

以下记录如何在浏览器端实现支持大文件断点续传，作为以后的资料备查。

一、制作一个简单的网页，并在网页里添加file字段，代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>H5大文件断点续传，失败重连演示</title>
<style>
.container {
	width: 640px;
	margin: 100px auto 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 10px 10px;
	border-radius: 2px;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}

.fileview {
	border:3px dashed silver;
	width:100%; 
	height:360px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	overflow: hidden;
	
}

.fileview .tiptext {
    display: block;
    margin-top: 160px;
}

.fileview input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 300px !important;
	direction: ltr;
	cursor: pointer;
	display: block;
}
.progressbar {
	margin: 5px 0;
	overflow: hidden;
	position: relative;
	padding-right: 40px;
}

.progressbar .control {
	display:block;
	float:left;
	height: 20px;
	width: 100%;
}

.progressbar .text {
	display: block;
	font-size: 14px;
	line-height: 20px;
	width: 40px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}

.btn-upload {
	padding: 3px 20px;
	border: 1px solid #aaa;
	height: 28px;
	line-height: 20px;
	border-radius: 2px;
	background-color: #f8f8f8;
}

.controlbar {
	overflow: hidden;
	position:relative;
}

.controlbar button {
	float:left;
	margin-right: 10px;
}

.controlbar .upload-status {
	float:right;
	width:400px;
}

.controlbar .upload-status .item{
	width:200px;
	float: left;
}

.file-object {
	border:1px solid #f0f0f0;
	border-radus:2px;
	padding:5px 6px;
	margin-top:5px;
	margin-bottom:5px;
}

.file-object .info-row {
	overflow: hidden;
}

.file-object .info-row span {
	font-size:14px;
	display:inline-block;
}

.file-object .info-row span.rlabel {
	width:100px;
	float: left;
}

.file-object .info-row .rvalue {
    max-width: 70%;
    display: block;
    color: #004302;
    float: left;
}

.toast {
	position: absolute;
	width: 380px;
	height: 26px;
	line-height:26px;
	padding-left:10px;
	border: 1px solid #932d0d;
	left: 160px;
	top: 0px;
	z-index: 1000;
	background-color: #e39113;
	color: #fff;
}

</style>
<script src="js/md5.min.js"></script>
<script src="js/updsrvaddr.js"></script>
</head>
<body>
<div class="container">
	<div  id="fileview" class="fileview">
		<span class="tiptext">点击选择文件或者将文件拖放到此处。</span>
		<input id="file-upload" type="file" name="file">
	</div>

	<div class="progressbar">
		<progress value="0" max="100" id="progressbar" class="control"></progress>
		<span id="percent-label" class="text">0%</span>
	</div>
	<div class="controlbar">
		<button οnclick="doupload();" id="uploadbtn" class="btn-upload">上传</button>
		<button οnclick="upload_clear();" id="upload_clear" class="btn-upload">清空</button>
		
		<div class="upload-status">
			<div class="item"><span class="title">已经上传：</span><span class="value" id="finish">0</span></div>
			<div class="item"><span class="title">上传位率：</span><span class="value" id="bitrate">0</span></div>
		</div>
		<div class="toast" id="toast" style="display:none;">
			
		</div>
	</div>
	<div class="upload-result" id="upload-result">
		
	</div>
</div>
</body>
</html>

二、计算文件的HASH值

在上传文件之前，先得获得一个文件ID，这个ID是由浏览器端提供，而不是由服务器端提供，这样便于扩充，以后真要实现HTML5秒传文件的时候，改一下浏览器端的代码即可。

计算文件HASH值的思路就是：MD5（文件名称+文件长度+文件修改时间+自定义的浏览器ID）

javascript代码如下。

//简单的Cookie帮助函数
function setCookie(cname,cvalue,exdays)
{
  var d = new Date();
  d.setTime(d.getTime()+(exdays*24*60*60*1000));
  var expires = "expires="+d.toGMTString();
  document.cookie = cname + "=" + cvalue + "; " + expires;
}

function getCookie(cname)
{
  var name = cname + "=";
  var ca = document.cookie.split(';');
  for(var i=0; i<ca.length; i++) 
  {
    var c = ca[i].trim();
    if (c.indexOf(name)==0) return c.substring(name.length,c.length);
  }
  return "";
}
//
//简单的文件HASH值计算，如果您不是十分考究，应该可以用于产品。
//由于计算文件HASH值用到了多种数据，因此在HYFileUploader系统范围内发生HASH冲突的可能性应该非常小，应该可以放心使用。
//获取文件的ID可以用任何算法来实现，只要保证做到同一文件的ID是相同的即可，获取的ID长度不要超过32字节
//
function getFileId (file) 
{
    //给浏览器授予一个唯一的ID用于区分不同的浏览器实例（不同机器或者相同机器不同厂家的浏览器）
	var clientid = getCookie("HUAYIUPLOAD");
	if (clientid == "") {
		//用一个随机值来做浏览器的ID，将作为文件HASH值的一部分
		var rand = parseInt(Math.random() * 1000);
		var t = (new Date()).getTime();
		clientid =rand+'T'+t;
		
		setCookie("HUAYIUPLOAD",clientid,365);
	}
	
	var info = clientid;
	if (file.lastModified)
		info += file.lastModified;
	if (file.name)
		info += file.name;
	if (file.size)
		info += file.size;
	//https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js
	var fileid = md5(info);
	return fileid;
}

三、向服务器端查询文件断点续传信息

在开始上传之前，首先从服务器端查询文件的断点续传信息，以便决定从文件的什么位置读取要上传的数据，代码如下：

function doupload(bReconnect) {
	if (!currentfile) {
		alert("请选择文件后再试！")
		return false;
	}
	
	if (upload_start) {
		alert("文件上传正在进行中，请稍候再点击重复长传！")
		return false;
	}
	
	var fileObj = currentfile;
	var fileid = getFileId(fileObj);
	var t = (new Date()).getTime();
	//通过以下URL获取文件的断点续传信息，必须的参数为fileid，后面追加t参数是避免浏览器缓存
	var url = resume_info_url + '?fileid='+fileid + '&t='+t;
	
	var ajax = new XMLHttpRequest();
	
	ajax.onerror = function (e) {
		if (window.reconnectId) 
			return;
		window.reconnectId = window.setTimeout(function() {
			doupload(true);
		},2000);
	};
	
	ajax.onreadystatechange = function () {
		
		if(this.readyState == 4){
			if (bReconnect) {
				//目前是重连状态，清除重连标志
				window.reconnectId = 0;
			}
		
			if (this.status == 200){
				var response = this.responseText;
				
				var result = JSON.parse(response);
				if (!result) {
					alert('服务器返回的数据不正确，可能是不兼容的服务器');
					return;
				}
				//断点续传信息返回的文件对象包含已经上传的尺寸
				var uploadedBytes = result.file && result.file.size;
				if (!result.file.finished && uploadedBytes < fileObj.size) {
					upload_file(fileObj,uploadedBytes,fileid);
				}
				else {
					//文件已经上传完成了，就不要再上传了，直接返回结果就可以了
					showUploadedFile(result.file);
					//模拟进度完成
					//var progressBar = document.getElementById('progressbar');
					//progressBar.value = 100;
				}
				
			}else {
				toast('获取文件断点续传信息失败，正在尝试重连...');
			}  
		}
	}

	ajax.open('get',url,true);
	ajax.send(null);
	currentRequest = ajax;
}

四、执行文件分段上传

如果文件已经上传过一部分了，则从文件上传长度的位置上传。以下是Javascript代码实现，关键技术点是：

var blob = fileObj.slice(start_offset,filesize);

       以上代码行表示从start_offset偏移位置读取到filesize为结尾位置的数据，放心吧，浏览是不会真正把这些数据一次预读到内存中去的，以上仅仅表示通知浏览器对文件对象的start_offse开始到filesize结尾的数据感兴趣。

以下是文件断点续传的代码，应该非常简单。

/*
文件上传处理代码
fileObj : html5 File 对象
start_offset: 上传的数据相对于文件头的起始位置
fileid: 文件的ID，这个是上面的getFileId 函数获取的，
*/
function upload_file(fileObj,start_offset,fileid)
{
	var xhr = new XMLHttpRequest();
	var formData = new FormData();
	
	var blobfile;
	
	if(start_offset >= fileObj.size){
		return false;
	}
	
	var bitrateDiv = document.getElementById("bitrate");
	var finishDiv = document.getElementById("finish");
	var progressBar = document.getElementById('progressbar');
	var progressDiv = document.getElementById('percent-label');

	var oldTimestamp = 0;
	var oldLoadsize = 0;
	var totalFilesize = fileObj.size;
	if (totalFilesize == 0) return;
	
	var uploadProgress = function (evt) {
		if (evt.lengthComputable) {
			var uploadedSize = evt.loaded + start_offset; 
			var percentComplete = Math.round(uploadedSize * 100 / totalFilesize);

			var timestamp = (new Date()).valueOf();
			var isFinish = evt.loaded == evt.total;

			if (timestamp > oldTimestamp || isFinish) {
				var duration = timestamp - oldTimestamp;
				if (duration > 500 || isFinish) {
					var size = evt.loaded - oldLoadsize;

					var bitrate = (size * 8 / duration /1024) * 1000; //kbps
					if (bitrate > 1000)
						bitrate = Math.round(bitrate / 1000) + 'Mbps';
					else
						bitrate = Math.round(bitrate) + 'Kbps';

					var finish = evt.loaded + start_offset;

					if (finish > 1048576)
						finish = (Math.round(finish / (1048576/100)) / 100).toString() + 'MB';
					else
						finish = (Math.round(finish / (1024/100) ) / 100).toString() + 'KB';

					progressBar.value = percentComplete;
					progressDiv.innerHTML = percentComplete.toString() + '%';
					bitrateDiv.innerHTML = bitrate;
					finishDiv.innerHTML = finish;

					oldTimestamp = timestamp;
					oldLoadsize = evt.loaded;
				}
			}
		}
		else {
			progressDiv.innerHTML = 'N/A';
		}
	}
	
	xhr.onreadystatechange = function(){
　　　　if ( xhr.readyState == 4 && xhr.status == 200 ) {
　　　　　　console.log( xhr.responseText );
			   
　　　　}
		else if (xhr.status == 400) {
			
		}
　　};

	var uploadComplete = function (evt) {
		progressDiv.innerHTML = '100%';
		currentfile = null;
		upload_start = false;

		var result = JSON.parse(evt.target.responseText);
		if (result.result == 'success') {
			showUploadedFile(result.files[0]);
		}
		else {
			alert(result.msg);
		}
	}

	var uploadFailed = function (evt) {
		if (!currentfile) return;
		if (window.reconnectId) return;
		upload_start = false;
		
		toast("检测到网络故障！两秒后尝试重连...");
				
		window.reconnectId = window.setTimeout(function() {
			doupload(true);
		},2000);
	}

	var uploadCanceled = function (evt) {
		alert("上传被取消或者浏览器断开了连接！");
	}
	
	
	//设置超时时间,由于是上传大文件，因此千万不要设置超时
	//xhr.timeout = 20000;
	//xhr.ontimeout = function(event){
　　//　　alert('文件上传时间太长，服务器在规定的时间内没有响应！');
　　//}         

	xhr.overrideMimeType("application/octet-stream"); 

	var filesize = fileObj.size;
	var blob = fileObj.slice(start_offset,filesize);
	var fileOfBlob = new File([blob], fileObj.name);
	//附加的文件数据应该放在请求的前面
	formData.append('filename', fileObj.name);
	//必须将fileid信息传送给服务器，服务器只有在获得了fileid信息后才对文件做断点续传处理
	formData.append('fileid', fileid);
	//请将文件数据放在最后的域
	//formData.append("file",blob, fileObj.name);
	formData.append('file', fileOfBlob);
	
	xhr.upload.addEventListener("progress", uploadProgress, false);
	
	xhr.addEventListener("load", uploadComplete, false);
	xhr.addEventListener("error", uploadFailed, false);
	xhr.addEventListener("abort", uploadCanceled, false);
	xhr.open('POST', upload_file_url);
	//
	xhr.send(formData);
	currentRequest = xhr;
	upload_start = true;
	toast('');
}

五、断点续传实现

通过监视XMLHttpRequest的error时间来判断文件上传是否报错，如果发生错误，重新上传即可。

这样在客户端掉线，宕机，或者服务器停机等各种情况下，均可实现点断续传。不用担心大文件上传到一半，突然故障发生又得重新传送。

 

var uploadFailed = function (evt) {
		if (!currentfile) return;
		if (window.reconnectId) return;
		upload_start = false;
		
		toast("检测到网络故障！两秒后尝试重连...");
				
		window.reconnectId = window.setTimeout(function() {
			doupload(true);
		},2000);
	}
 

xhr.addEventListener("error", uploadFailed, false);
 

为了用户体验好一点，以上代码对上传进度、上传速率进行了计算，当然还可以加入更多的显示，例如剩余时间。
 

      只要在服务器端正确处理浏览器的POST数据，实现HTTP文件上传断点续传确实不难，笔者不得不为当今浏览器的强大功能所折服。
 

      所有的HTML5断点续传代码已经上传到 
 

https://github.com/wenshui2008/UploadServer
 

位于 html/demos/h5resume.html 文件里。
 

      
 


 


                

        

        

    




    

      

        

            

              
                
                  大飞飞鱼
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    26
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Webservice上传文件和断点续传

				
			

			

				

					01-12
				

			

		

		

			
				
使用webService上传文件，代码写的简单，所以没有注释；
基础型的，没有优化，大家可以根据自己的需求更改成你想要的~~

			
		

	



                

              
                



	

		

			

				
					
bootstrap响应式网页作业age-processing开发笔记

					
最新发布

				
			

			

				

					06-25
				

			

		

		

			
				
这个“age-processing开发笔记”很可能是关于使用Bootstrap框架创建一个与年龄处理相关的网页项目。在这个作业中，开发者可能学习如何利用Bootstrap的网格系统、CSS样式、JavaScript组件等特性，来创建一个用户界面...

			
		

	



                


  
              

                


	

		

			

				
					
【文件上传】大文件分片上传、断点续传、秒传前后端实现

				
			

			

				

					qq_22744093的博客
				

				

					08-17
					
					1311
					
				

			

		

		

			
				
针对文件过大的解决办法，可以将文件进行切割成规定大小的几个小文件，再上传。这样要是在文件上传失败情况下，重新上传时检查成功的是那些文件块，失败的是那些文件块，从而只需要再次上传失败的文件块，检测到全部上传之后就合并。校验文件上传状态： 前端生成该文件的MD5密文并进行分片，上传之前请求check-md5接口，传入文件名和密文，接口校验文件是未上传 或 上传了一部分 或 已上传完成三个状态，其中未上传返回自定义状态码404，上传一部分则返回状态206+未上传的分片ID，上传完成则返回状态200。

			
		

	





	

		

			

				
					
【网络安全零基础入门必知必会】HTML之编写登录和文件上传（非常详细）零基础入门到精通，收藏这一篇就够了3

				
			

			

				

					Libra1313的博客
				

				

					06-11
					
					466
					
				

			

		

		

			
				
今天大白带大继续入门网络安全第四章知识点，了解和学习利用HTML知识实现登录页面和文件上传。本篇是要做一个简单的登录页面，用来体验Html 的用法和效果，所以就不使用验证码了，因为验证码在一个项目中是放在后端的，这次就不做演示；

			
		

	



		

			
		



	

		

			

				
					
超大文件传输解决方案

				
			

			

				

					Mr_Zang666的博客
				

				

					08-19
					
					1717
					
				

			

		

		

			
				
之前仿造uploadify写了一个HTML5版的文件上传插件，没看过的朋友可以点此先看一下~得到了不少朋友的好评，我自己也用在了项目中，不论是用户头像上传，还是各种媒体文件的上传，以及各种个性的业务需求，都能得到满足。小小开心了一把。

但无论插件再怎么灵活，也难以应付所有的需求，比如，你要上传一个2G的文件。以现在我们的网速，恐怕再快也得传半小时。要命的是，如果你在上传到90%的时候不小心关...

			
		

	





	

		

			

				
					
web--文件上传断点续传

				
			

			

				

					janeen-jn的博客
				

				

					02-20
					
					232
					
				

			

		

		

			
				
http中，为了减轻服务器负荷，避免DDOS攻击，必须要限制客户端的文件上传大小。
由于服务端对文件上传大小的限制，所以需要对图片进行切块上传，在服务器接收文件块之后拼接成一个整体 使用进度条显示上传进度。
文件操作使用Blob对象，Blob有一个重要的方法是slice，用于对文件切块。
File是Blob对象的子类，File也可以使用slice方法切块

// 设置文件切块大小为1M
const chunkSize=1024*1024;
// upload函数 start处开始上传
function up

			
		

	





	

		

			

				
					
前端实现文件上传的断点续传

				
			

			

				

					細水、長流√的专栏
				

				

					06-01
					
					3754
					
				

			

		

		

			
				
还是先以图片为例，看看最后的样子断点续传，既然有断，那就应该有文件分割的过程，一段一段的传。以前文件无法分割，但随着HTML5新特性的引入，类似普通字符串、数组的分割，我们可以可以使用slice方法来分割文件。所以断点续传的最基本实现也就是：前端通过FileList对象获取到相应的文件，按照指定的分割方式将大文件分段，然后一段一段地传给后端，后端再按顺序一段段将文件进行拼接。而我们需要对FileList对象进行修改再提交，在之前的文章中知晓了这种提交的一些注意点，因为FileList对象不能直接更改，所以不

			
		

	





	

		

			

				
					
Web大文件上传和断点续传

				
			

			

				

					weixin_52041354的博客
				

				

					04-13
					
					186
					
				

			

		

		

			
				
我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。

这次项目的需求：

支持大文件的上传和续传，要求续传支持所有浏览器，包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器，并且刷新浏览器后仍然能够续传，重启浏览器（关闭浏览器后再打开）仍然能够继续上传，重启电脑后仍然能够上传

支持文件夹的上传，要求服务端能够保留层级结构，并且能够续传。需要支持10万个以上的文件夹上传。

支持低版本的系统和浏览器，因为这个项目的最

			
		

	





	

		

			

				
					
微信小程序开发项目源码+笔记.7z

				
			

			

				

					04-30
				

			

		

		

			
				
本项目提供了微信小程序的开发源码和相关笔记，是学习和实践微信小程序开发的宝贵资源。  一、微信小程序开发基础 微信小程序开发主要基于JavaScript、WXML（WeChat Markup Language）和WXSS（WeChat Style Sheets）...

			
		

	





	

		

			

				
					
arduino笔记-20231023更新

				
			

			

				

					05-09
				

			

		

		

			
				
2. **环境设置**：学习Arduino的第一步通常是安装Arduino IDE（集成开发环境），这是一个免费的应用程序，用于编写和上传代码到Arduino板上。2023年更新可能包括了对新版本IDE的介绍和教程。  3. **编程基础**：...

			
		

	





	

		

			

				
					
Web文件的上传与下载源码

				
			

			

				

					08-19
				

			

		

		

			
				
至于PPT和课堂笔记.doc，它们可能是关于这个主题的教程资料，可能涵盖了文件上传下载的基本概念、常见问题及解决方案，包括但不限于文件大小限制、安全性（如防止恶意文件上传）、进度条显示、断点续传等。...

			
		

	





	

		

			

				
					
前端使用 node fs模块实现文件断点续传 (下载续传)

				
			

			

				

					08-28
				

			

		

		

			
				
前端直接引用nodejs  fs 模块 实现文件下载续传、并没有想象中的那么难...

			
		

	





	

		

			

				
					
HTML5实现文件断点续传的方法

				
			

			

				

					12-14
				

			

		

		

			
				
HTML5的FILE api，有一个slice方法，可以将BLOB对象进行分割。前端通过FileList对象获取到相应的文件，按照指定的分割方式将大文件分段，然后一段一段地传给后端，后端再按顺序一段段将文件进行拼接。
断点续传原理
目前比较常用的断点续传的方法有两种，一种是通过websocket接口进行文件上传，另一种是通过ajax，两种方法各有千秋，虽然websocket听起来比较高端些，但是除了用了不同的协议外其他的算法基本上都是很相似的，并且服务端要开启ws接口，这里用相对方便的ajax来说明断点上传的思路。
说来说去，断点续传最核心的内容就是把文件“切片”然后再一片一片的传给服务器，但

			
		

	





	

		

			

				
					
解决html5大文件断点续传

				
			

			

				

					04-12
				

			

		

		

			
				
可以将大文件切割成相同的大小上传并合并，这样就解决了html5上传文件太大上传不上去的问题

			
		

	





	

		

			

				
					
webUploader---实现大文件断点续传

				
			

			

				

					07-12
				

			

		

		

			
				
沿用官网的例子,实现了大文件的断点续传功能;
服务器端是PHP写的;前台是html+js;
因为做断点续传功能的时候,费了些功夫,所以把代码放上来,供大家啊参考交流~~

			
		

	





	

		

			

				
					
易语言 通过POST向网页上传文件 模块源码（补充）

				
			

			

				

					05-11
				

			

		

		

			
				
几年前的东西了，补充 【易语言 通过POST向网页上传文件】，网站新版第一次传，发现不能选择0积分啊，尴尬

			
		

	





	

		

			

				
					
苍穹外卖阿里云oss存储笔记

				
			

			

				

					08-23
				

			

		

		

			
				
 - 上传对象：通过阿里云控制台或SDK上传文件到指定的Bucket，支持单个上传、批量上传和断点续传。  - 管理对象：可以进行对象的查看、删除、重命名、下载等操作。  - 访问控制：利用ACL（Access Control List）或...

			
		

	





	

		

			

				
					
大型视频网站的文件上传和断点续传是如何实现的

				
			

			

				

					qq_1185116788的博客
				

				

					07-07
					
					1794
					
				

			

		

		

			
				
当前的视频应用异常火爆，大大小小的视频网站已经有数百家之多。在他们的运营过程中都会面临同样一个问题，那就是高并发的用户上传、大视频上传、断点续传，这些都是硬性需求。解决这些问题，无疑需要靠我们这些程序猿来实现。下面我把自己的一些工作经验和大家分享。由于互联网上行链路并不具有100%的稳定性，比如在上传过程中会经常出现网络堵塞，网络中断或者客户端宕机的情况发生，当你有4GB的视频文件上传到50%或者...

			
		

	





	

		

			

				
					
Web大文件上传断点续传解决方案

				
			

			

				

					weixin_45525177的博客
				

				

					06-09
					
					242
					
				

			

		

		

			
				
随着视频网站和大数据应用的普及，特别是高清视频和4K视频应用的到来，超大文件上传已经成为了日常的基础应用需求。但是在很多情况下，平台运营方并没有大文件上传和断点续传的开发经验，往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能，然而在实际使用中会发现，这些基于脚本语言实现的上传功能模块性能很弱，一是不支持2GB以上的内容上传；二是无法支持断点续传；三是效率极低，单台服务器最多支持几十个并发上传连接。当前我们要搭建一个运营级的视频服务平台，在尝试了各种产品均无法满足要求，因此最后花精力自主用C+

			
		

	





	

		

			

				
					
iOS应用开发：断点续传实现与原理解析

				
			

			

				

					
				

			

		

		

			
				
在iOS应用开发中，断点续传是一项重要的技术，它允许用户在下载大文件时从上次中断的位置继续，而无需从头开始。这极大地提高了用户体验，特别是对于网络不稳定或用户需要频繁暂停下载的情况。本文主要探讨了断点续...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值