JavaScriptPHP实现视频文件分片上传
摘要
视频文件分片上传，整体思路是利用JavaScript将文件切片，而后循环调用上传接口 upload.php 将切片上传到服务器。这样将由原来的一个大文件上传变为多个小文件同时上传，节俭了上传工夫，这就是文件分片上传的其中一个益处。
上代码
index.html
通过前端将文件对象切分成多个小块，而后顺次将这些小块的文件对象上传到服务器。
视频文件分片上传
javaScript+PHP实现视频文件分片上传
+
upload.php
这个是用于接管前端传过来的每一段分片，而后上传到 uploads 文件夹，上传之后就是一段一段的小分片。
'文件上传失败'
));
exit();
}
// 设置存储目录和文件名
$uploadDir = './uploads/';
$filePath = $uploadDir . $fileName . '.' . $chunkIndex;
// 将分片挪动到指定的目录
if (move_uploaded_file($_FILES['file']['tmp_name'], $filePath)) {
echo json_encode(array(
'success' => '分片上传胜利'
));
} else {
http_response_code(500);
echo json_encode(array(
'error' => '分片上传失败'
));
}
} else {
http_response_code(400);
echo json_encode(array(
'error' => '短少文件、分片索引或文件名'
));
}
?>merge_chunks.php
这个是用来合并分片的，以后端实现上传分片的操作，前端会异步通知服务器你曾经实现所有分片的上传，接下来将每个分片名通知合并程序实现所有分片的合并，合并之后就是一个残缺的视频文件。
0) {
// 所有分片都已上传，开始合并
$finalFile = fopen($finalFilePath, 'wb');
// 一一读取分片并写入最终文件
for ($i = 0; $i < $totalChunks; $i++) {
$chunkFilePath = $uploadDir . $fileName . '.' . $i;
$chunkFile = fopen($chunkFilePath, 'rb');
stream_copy_to_stream($chunkFile, $finalFile);
fclose($chunkFile);
unlink($chunkFilePath); // 删除已合并的分片
}
fclose($finalFile);
http_response_code(200);
echo json_encode(array(
'success' => '文件合并胜利',
'filePath' => $finalFilePath
));
} else {
http_response_code(400);
echo json_encode(array(
'error' => '没有上传的分片'
));
}
} else {
http_response_code(400);
echo json_encode(array(
'error' => '短少文件名'
));
}
?>程序目录
请自行创立 uploads 目录。
作者
TANKING