denis/upload_big_files
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Да будет код...

Browse Source
This commit is contained in:
DenisM
2026-05-20 23:32:01 +03:00
commit b903cca6e2
4 changed files with 99 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
/uploads

29
index.html Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="lib_chunk_file.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="file" name="file_name">
<script>
const fileInput = document.querySelector('input[type="file"]');
fileInput.addEventListener('change', (event) => {
const files = event.target.files;
const file = files[0]
if (file) {
uploadFileInChunks(file);
}else{
alert("no file")
}
});
</script>
</body>
</html>

31
lib_chunk_file.js Normal file
View File

@@ -0,0 +1,31 @@
// Размер чанка в байтах
const CHUNK_SIZE = 1024 * 1024; // 1MB
async function uploadFileInChunks(file) {
const totalChunks = Math.ceil(file.size / CHUNK_SIZE);
for (let chunkIndex = 0; chunkIndex < totalChunks; chunkIndex++) {
// Вычисляем начало и конец текущего чанка
const start = chunkIndex * CHUNK_SIZE;
const end = Math.min(start + CHUNK_SIZE, file.size);
// Извлекаем чанк из файла
const chunk = file.slice(start, end);
// Создаём FormData для отправки чанка
const formData = new FormData();
formData.append('file_chunk', chunk);
formData.append('chunk_index', chunkIndex);
formData.append('total_chunks', totalChunks);
formData.append('filename', file.name);
// Отправляем чанк на сервер
await fetch('upload.php', {
method: 'POST',
body: formData
});
}
}

38
upload.php Normal file
View File

@@ -0,0 +1,38 @@
<?php
$uploadDir = __DIR__ . '/uploads/';
if (!is_dir($uploadDir)) mkdir($uploadDir, 0755, true);
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$fileChunk = $_FILES['file_chunk'];
$chunkIndex = (int)$_POST['chunk_index'];
$totalChunks = (int)$_POST['total_chunks'];
$originalFilename = basename($_POST['filename']);
// Временный файл для хранения склеиваемых частей
$tempFilePath = $uploadDir . $originalFilename . '.part';
// Открываем временный файл для дозаписи (режим append)
$out = fopen($tempFilePath, 'ab');
if ($out) {
// Открываем переданную часть файла для чтения
$in = fopen($fileChunk['tmp_name'], 'rb');
if ($in) {
// Переносим данные из части в общий файл
stream_copy_to_stream($in, $out);
fclose($in);
}
fclose($out);
} else {
exit(json_encode(['status' => 'error', 'message' => 'Не удалось открыть временный файл']));
}
// Если это последняя часть, переименовываем файл в итоговый
if ($chunkIndex === $totalChunks - 1) {
$finalFilePath = $uploadDir . $originalFilename;
rename($tempFilePath, $finalFilePath);
echo json_encode(['status' => 'success', 'message' => 'Файл успешно собран', 'path' => $finalFilePath]);
} else {
echo json_encode(['status' => 'uploading', 'chunk' => $chunkIndex]);
}
}
?>