php实现大文件分片上传

如果上传的文件只有小于10M的话，就没必要考虑这样的做法,直接在php.ini中更改一下upload_max_filesize=10m、post_max_size=10m这样就可以了，下面我们来说一说php上传超大的文件。

前提

首先，上传超大的文件,前端要和后端相互配合文件上传要使用ajax的方法，而不是form的submit的方式。

思想

前端把file文件对象按一定的大小分割成一定大小的文件（如按2M或5M来分割），对分割后的文件，一个个的上传到后端去，后端接收到分片文件后,把它们先放到一个临时的目录下，在收到前端完成的数据请求的时候,把临时目录中的文件组装起来成一个新的文件，保存后，把临时目录下的文件删除掉就可以了。

代码

<div class="a">上传<input id="myfile" type="file" name="myfile"/>
</div>

这里要说明一下，没有使用 submit 上传，使用 ajax上传。

<script>$(function(){let myfile = document.getElementById("myfile");myfile.onchange = function(){let file = myfile.files[0]; // 这里可以得到上传的文件对象let length = 1024 * 1024 * 5; // 这里是每一个分片的大小let total_number = Math.ceil(file.size/length); // 使用进一法，来确定分片的个数let start = 0; // 分片的初始位置let end = length; // 分片的结束位置let parr = []; // 这里为promise.all方法准备一个数组for(let i = 1;i<=total_number;i++){// 这里开始分片，并且把每一个分片上传到服务器let bolb = file.slice(start,end); // 得到一个分片start = end; // 调整下一个分片的起始位置end = start+length; // 调整下一个分片的结束位置if(end > file.size){end=file.size; // 这里对最后的一个分片结束位置进行调整}let formdata = new FormData(); // 创建一个FormData对象，准备传送数据formdata.append("file",blob); // 将分片数据放入formdataformdata.append("tempfilename",i+"_"+file.name); // 同时为这个分片设置一个名称，其中的i帮助后端进行排序处理// formdata组装好之后，调用pro()函数，返回一个promise对象，并把它放入parr数组中，方便后面的promise.all方法使用parr.push(pro(formadata));}// 以上for循环结束之后，parr数组中就全部是分片上传的promise的对象了，此时我们使用promise.all方法，等待所有上传都成功执行后，再向服务器发送一个请求，也就是上传完成，让服务器组装分片的请求Promise.all(parr).then(res=>{if(res.length == parr.length){ // 如果返回成功的数组长度和parr的数组长度相等，说明分片全部上传成功// 此时对上传接口再次发送请求，同时把上传的文件名带上，方便后台查找要组装的分片文件名，因为是请求同一个上传接口，所以我们还要传一个flag=1表示这是一个数据组装的请求$.ajax({type:"post",url:"http://xxx.com/index/upload/getupload",data:{flag:1,filename:file.name}, // 这里flag=1表示上传完成，请求组装，filename表示要组成哪一组文件分片success:function(res){if(res.length == parr.length){console.log(111);}},fail: function () {reject()}})}})}})// 这个函数用来上传分片文件，返回的是一个promise对象，方便后面使用promise.all还判断所有分片是否是上传成功的// 这里要说明一下，$.post()是不可以上传文件的，只能用$.ajax()并且要把contentType:false和processData:false带上function pro(formData){return new Promise((resolve,reject)=>{$.ajax({type:"post",url:"http://xxx.com/index/upload/getupload", // 后台上传文件的地址data:formData,contentType: false, // 这个不能少，ajax上传文件是不能少的processData: false, // 这个不能少，ajax上传文件必传falsesuccess:function(res){resolve(res)},fail: function () {reject()}})})}
</script>

以上就是前端的js核心部分，注释基本就可以看懂了。

<?php
// tp5框架
public function getUpload(){$tempdir = APP_PATH."../public/tempdir"; // 这里分片的文件指定了一个临时目录，后面会用到$flag = input("flag",0); // 接收参数flag如果没有这个参数就默认为0，如果flag=1，表示要组装分片if($flag == 0){// 这里是上传分片$file = request()->file("file"); // 接收到这个分片$tempfilename = input("tempfilename"); // 接收到这个分片的名称，注意：这个名称中含有排序信息if(!file_exists($tempdir)){mkdir($tempdir,0755,true); // 如果临时目录不存在，则创建一个临时目录}$fileinfo = $file->move($tempdir,$tmpfilename);if($fileinfo){ // 把分片的文件保存在了临时目录中，返回有点简单，可以根据需求返回相应的数据return josn(['error'=>0]);}else{return json(['error'=>1]);}}elseif($flag == 1){// 如果flag为1表示，分片已上传完成了$filename = input("filename");// 通过文件名的字符串匹配，找上所有的分片，返回一个文件路径的数组$fileArr = glob($tempdir."/*".$filename);// 这里的*是一个通配符，将所有的文件名中包含的$filename的文件都找到// 说明一下，$fileArr中的数组的顺序不是我们想要的，所以我们新建一个数组来整理一下顺序$newfileArr = [];foreach($fileArr as $f){// js前端把文件的名称前加了'序号+_'，以下划线来分开并把序号写在key中$fileBaseName = basename($f); // $f是一个个的路径，这里使用basename得到文件名$fileBaseNameSplit = explode("_", $fileBaseName); // 通过下划线分割文件名$newfileArr[$fileBaseNameSplit[0]] = $f; // 构造了一个新的数组，其中数组的key就是顺序号，数组的值就是分片文件的路径}// 分片的序号和路径都准备好了，就可以组装了$num = count($newfileArr); // 得到的所有分片的个数，为后面使用for循环做准备// 开始使用for循环来组装$newfilename = "new-".$filename; // 这里为组装后的文件起一个名字for($i=1; $i<=$num; $i++){// 这里以追加的方式，把分片文件都写入到了一个文件中file_put_contents($newfilename,file_get_contents($newfileArr[$i]),FILE_APPEND);}// ......// 删除临时文件中的分片文件，这里可以使用try catch来判断是否有错误foreach($newfileArr as $fi){unlink($fi);}// 最后给前端返回保存的文件名就可以}
}

上面的方法，我本地测试上传了一个 650M的文件，只用的 20秒的时间，没有在服务器上测试过，大家可以按照这个方法试一下。

php实现大文件分片上传相关推荐

大文件分片上传，断点续传，秒传实现
前段时间做视频上传业务,通过网页上传视频到服务器. 视频大小小则几十M,大则 1G+,以一般的HTTP请求发送数据的方式的话,会遇到的问题:1,文件过大,超出服务端的请求大小限制:2,请求时间过长, ...
jquery 分片上传php,php 大文件分片上传
前端部分上传 //上传控件 uploadBig('upload','zip,rar,7z,tar',{ id: '', type: 'upload_file', } ,(res)=>{ //t ...
大文件分片上传前端框架_基于Node.js的大文件分片上传
基于Node.js的大文件分片上传我们在做文件上传的时候,如果文件过大,可能会导致请求超时的情况.所以,在遇到需要对大文件进行上传的时候,就需要对文件进行分片上传的操作.同时如果文件过大,在网络不佳 ...
Vue项目中遇到了大文件分片上传的问题
Vue项目中遇到了大文件分片上传的问题,之前用过webuploader,索性就把Vue2.0与webuploader结合起来使用,封装了一个vue的上传组件,使用起来也比较舒爽. 上传就上传吧,为什么 ...
大文件分片上传前端框架_无插件实现大文件分片上传，断点续传
文件上传.gif 1. 简介: 本篇文章基于实际项目的开发,将介绍项目中关于大文件分片上传.文件验证.断点续传.手动重试上传等需求的使用场景及实现: 2. 项目需求在一个音视频的添加中,既要有音视频 ...
无插件实现大文件分片上传，断点续传
代码地址如下: http://www.demodashi.com/demo/11888.html 1. 简介: 本篇文章基于实际项目的开发,将介绍项目中关于大文件分片上传.文件验证.断点续传.手动重试 ...
使用webuploader组件实现大文件分片上传，断点续传
无组件断点续传.gif 1. 组件简介 webuploader:是一个以HTML5为主, Flash为辅的文件上传组件,采用大文件分片/并发上传的方式,极大地提高了文件上传的效率,同时兼容多种浏览器版 ...
minio实现大文件分片上传+断点续传+预览
minio实现大文件分片上传+断点续传+预览只提供后端java代码思路: 前端分片校验文件md5是否已经存在 --不存在创建临时桶存分片校验分块是否已经上传分块上传合并分块校验合成后md ...
大文件分片上传前后端实现
最近在做公司的视频业务,涉及到大视频的上传. 之前的图片.Excel等上传做的很简单,直接表单提交后端用MultipartFile接收保存到磁盘就行了. 但是针对大文件的上传,需要做额外的处理,否则可 ...
iOS 利用AFNetworking实现大文件分片上传
概述一说到文件上传,想必大家都并不陌生,更何况是利用AFNetworking(PS:后期统称AF)来做,那更是小菜一碟.比如开发中常见的场景:头像上传,九宫格图片上传...等等,这些场景无一不使用到 ...

php实现大文件分片上传

前提

思想

代码

php实现大文件分片上传相关推荐

最新文章

热门文章