PHP+JS实现大文件切片上传功能实现实例源码

下面来详细讲解 “PHP+JS实现大文件切片上传功能实现实例源码”的完整攻略。

简介

本文讲解了如何采用 PHP 和 JS 实现大文件切片上传功能，将大文件切割为多个小文件进行上传，避免了一次性上传文件过大导致的造成服务器瘫痪的问题。

实现步骤

1.划分切片

使用 JS 将大文件划分为多个小文件进行上传。

示例代码：

//创建FormData对象，进行文件上传
var formData = new FormData();
//获取文件
var fileObj = document.getElementById("file").files[0];
//设置文件名
formData.append("file_name", fileObj.name);
//设置文件类型
formData.append("file_type", fileObj.type);
//切片大小1MB
var shardSize = 1024 * 1024;
//计算切片数量
var shardCount = Math.ceil(fileObj.size / shardSize);
for (var i = 0; i < shardCount; i++) {
    //计算起始位置和结束位置
    var start = i * shardSize;
    var end = Math.min(fileObj.size, start + shardSize);
    //获取当前切片
    var shard = fileObj.slice(start, end);
    //将获取到的切片加入到FormData中
    formData.append('shard' + i, shard);
}
//发送Ajax请求
$.ajax({
    url: 'upload.php',
    type: 'POST',
    data: formData,
    processData: false,
    contentType: false,
    success: function(response) {}
});

2.上传切片

使用 PHP 将切片上传到服务器。

示例代码：

$file_name = $_POST['file_name'];
//设置文件保存路径
$dir = './uploads/';
//遍历$_FILES数组
foreach ($_FILES as $file) {
    //判断文件是否存在
    if (!file_exists($dir . $file['name'])) {
        //如果文件不存在，将文件移动到指定目录
        move_uploaded_file($file['tmp_name'], $dir . $file['name']);
    } else {
        //如果文件已存在，不进行操作
    }
}

3.合并切片

当切片全部上传完毕后，使用 PHP 合并切片为原始文件。

示例代码：

$file_name = $_POST['file_name'];
//设置文件保存路径
$dir = './uploads/';
//创建一个空文件
$file = fopen($dir . $file_name, "wb");
//遍历切片
for ($i = 0; $i < count($_FILES); $i++) {
    //读取切片内容
    $data = file_get_contents($dir . $_FILES['shard' . $i]['name']);
    //写入切片
    fwrite($file, $data);
    //删除切片
    unlink($dir . $_FILES['shard' . $i]['name']);
}
//关闭文件
fclose($file);

总结

通过以上三个步骤实现了大文件切片上传功能。在切片上传的实现过程中，每一个切片上传完成后都需要在服务器端保存下来，因此在服务器端需要开辟一个目录来存储上传文件和切片。同时也需要在客户端和服务端进行前后端验证，确保上传的文件正确性。

参考代码：https://github.com/zhhblzl/big-file-upload/blob/master/index.html