大文件上传可通过分片与断点续传解决。前端用File API将文件切片,携带哈希、序号等信息上传;服务端按哈希存分片,记录状态。上传前先检查已传分片,实现断点续传;全部完成后合并文件。建议用Redis管理状态、支持秒传与分片校验,提升稳定性。

大文件上传在Web开发中是一个常见需求,尤其是当用户需要上传视频、镜像或大型压缩包时。PHP本身对POST数据和文件上传有大小限制(如upload_max_filesize、post_max_size),直接上传容易失败。通过文件分片上传和断点续传机制,可以有效解决这个问题。
1. 文件分片上传原理
将一个大文件在前端按固定大小切分成多个小块(chunk),依次发送到服务器。服务器接收后暂存,并记录上传状态。所有分片上传完成后,再合并成完整文件。
关键点:
- 前端使用JavaScript的File API进行分片(如slice方法)
- 每个分片携带标识:文件名哈希、分片序号、总片数等
- 服务端根据文件唯一标识判断是否已存在部分上传记录
2. 实现断点续传逻辑
断点续传依赖于“记录已上传分片”。当上传中断后,客户端再次上传时先请求服务器查询已上传的分片列表,跳过已完成的部分,从断点继续。
立即学习“PHP免费学习笔记(深入)”;
实现方式:
- 使用文件内容的MD5作为唯一标识,避免重名冲突
- 服务端维护一个上传状态记录(可用JSON文件、Redis或数据库)
- 客户端上传前先发一个“检查请求”,获取已上传的分片索引
3. PHP服务端处理分片示例
以下是一个简化的PHP接收分片并支持续传的示例:
\$uploadDir = 'uploads/'; // 存储临时分片 \$chunkIndex = (int)\$_POST['chunk_index']; \$totalChunks = (int)\$_POST['total_chunks']; \$fileName = \$_POST['file_name']; \$fileHash = \$_POST['file_hash']; // 前端计算的文件MD5\$chunkDir = \$uploadDir . \$fileHash . '/'; if (!is_dir(\$chunkDir)) { mkdir(\$chunkDir, 0777, true); }
\$chunkPath = \$chunkDir . \$chunkIndex;
// 接收分片文件 if (\$_FILES['chunk']['error'] === UPLOAD_ERR_OK) { move_uploaded_file(\$_FILES['chunk']['tmp_name'], \$chunkPath); }
// 检查是否全部上传完成 \$uploadedChunks = glob(\$chunkDir . '*'); if (count(\$uploadedChunks) === \$totalChunks) { // 合并文件 \$finalFile = fopen(\$uploadDir . \$fileName, 'wb'); for (\$i = 0; \$i < \$totalChunks; \$i++) { if (file_exists(\$chunkDir . \$i)) { \$content = file_get_contents(\$chunkDir . \$i); fwrite(\$finalFile, \$content); } } fclose(\$finalFile);
// 删除临时分片 array_map('unlink', \$uploadedChunks); rmdir(\$chunkDir);} echo json_encode(['status' => 'success']);
4. 前端分片上传示例(JavaScript)
使用Blob.slice分片,配合Ajax逐个上传:
async function uploadFile(file) {
const chunkSize = 1024 * 1024; // 1MB每片
const totalChunks = Math.ceil(file.size / chunkSize);
const fileHash = await hashFile(file); // 可用spark-md5等库计算
// 查询已上传分片
const res = await fetch('/check_upload.php', {
method: 'POST',
body: JSON.stringify({file_hash: fileHash})
});
const data = await res.json();
const uploaded = data.uploaded_chunks || [];
for (let i = 0; i zuojiankuohaophpcn totalChunks; i++) {
if (uploaded.includes(i)) continue; // 跳过已上传
const start = i * chunkSize;
const end = Math.min(start + chunkSize, file.size);
const chunk = file.slice(start, end);
const formData = new FormData();
formData.append('chunk', chunk);
formData.append('chunk_index', i);
formData.append('total_chunks', totalChunks);
formData.append('file_name', file.name);
formData.append('file_hash', fileHash);
await fetch('/upload_chunk.php', {
method: 'POST',
body: formData
});
}
alert('上传完成');}
5. 优化建议
- 使用Redis存储上传状态,提高并发性能
- 加入分片校验(如分片MD5)防止损坏
- 设置临时文件过期清理机制
- 支持秒传:服务端已有完整文件时直接返回成功
基本上就这些。核心是前后端协同,用分片+状态记录实现稳定上传。不复杂但容易忽略细节,比如分片顺序、网络异常处理等。实际项目中可考虑集成现成方案如simple-uploader.js + PHP后端适配。











