php 分片上传
html
<div class="a">
上传<input id="myfile" type="file" name="myfile"/>
</div>
<script>
$(function(){
let myfile = document.getElementById("myfile");
myfile.onchange = function(){
let file = myfile.files[0]; //这里可以得到上传的文件对象
let length = 1024 * 1024 * 1; //这里是每一个分片的大小
let total_number = Math.ceil(file.size/length) //使用进一法, 来确定分片的个数
let start = 0; //分片的初始位置
let end = length; //分片的结束位置
let parr = []; //这里为promise.all方法准备一个数组;
let index = 0; //第几个切片位置
let url = 'http://www.51c.com/index/test/upload'; //服务器请求地址
//提取分片数据
function partData(index){
//这里开始分片, 并且把每一个分片上传到服务器
let blob = 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); //据分片数据放入 formdata
formdata.append("tempfilename",(index+1)+"_"+file.name) //同时为这个分片设置一个名称, 其中的 i 可以帮助后端进行排序处理
//返回切片数据
return formdata;
}
//上传切片
function pro(formData){
$.ajax({
type:"post",
url:url, //后台上传文件的地址
data:formData,
contentType: false, //这个不能少, ajax上传文件是不能少的
processData: false, //这个不能少, ajax上传文件必传 false
success:function(res){
index = index + 1;
if(index > total_number){
makeUpPart();
}else{
console.log(index);
var formdata = partData(index);
pro(formdata);
}
},
error: function (e) {
console.log(e);
}
})
}
//请求组合切片
function makeUpPart(){
$.ajax({
type:"post",
url:url,
data:{flag:1,filename:file.name}, //这里 flag=1表示上传完成,请求组装, filename:表示要组成哪一组文件分片
success:function(res){
alert('上传完成');
},
error: function () {
alert('上传失败');
}
})
}
//启动上传
var formdata = partData(index);
pro(formdata);
}
});
</script>php，用的是tp5
<?php
namespace app\index\controller;
use app\index\model\PageModule;
class Test extends PageModule{
public function upload(){
$tempdir = "./test/tempdir"; //这里分片的文件指定了一个临时目录, 后面会用到
$savedir = "./test"; //文件存储目录
$flag = input("flag",0);//接收参数flag 如果没有这个参数就默认为0, 如果flag=1,表示要组装分片
$allowExt = ['pdf']; //允许文件格式
$size = 1024 * 1024 * 5; //允许分片大小
if($flag == 0){
//这里是上传分片
$file = $_FILES['file']['tmp_name']; //接收到这个分片
$tempfilename = input("tempfilename"); //接收到这个分片的名称, (注意,这个名称中含有排序信息)
//验证格式
$temp= explode('.',$tempfilename);
$ext= strtolower(end($temp));
if(!in_array($ext,$allowExt)){
return json(['error'=>1,'msg'=>'格式不支持']);
}
//验证大小
if($_FILES['file']['size']>$size){
return json(['error'=>1,'msg'=>'文件太大了']);
}
//如果临时目录不存在,则创建一个临时目录
if(!file_exists($tempdir)){
mkdir($tempdir,0755,true);
}
$move = move_uploaded_file($file,$tempdir.'/'.$tempfilename); //存储文件
if($move){ // 这里把分片的文件保存在了临时目录中, 返回的结果有点简单, 可以根据自已的需求返回相应的数据
return json(['error'=>0]);
}else{
return json(['error'=>1,'msg'=>'文件转存失败']);
}
}else if($flag == 1){
//如果flag 为 1 表示, 分片已上传完成了
$filename = input("filename");
//验证格式
$temp=explode('.', $filename);
$ext= strtolower(end($temp));
if(!in_array($ext,$allowExt)){
return json(['error'=>1,'msg'=>'格式不支持']);
}
//通过文件名的字符串匹配, 找上所有的分片, 返回一个文件路径的数组
$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 = $savedir."/".date('Ymd').uniqid().'.'.$ext; //这里为组装后的文件起一个名字, 可随意
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);
}
}
}
}