- После нажатия кнопки загрузки файлы должны быть загружены в фоновом режиме.
Вместе с каждым файлом должен отображаться индикатор выполнения в реальном времени. - Если пользователь перезагружает страница, то загрузка файла не должна прекращаться. означает, что
файл должен находиться в состоянии загрузки.
Ниже мой код:
index.php:
Код: Выделить всё
Upload Files
Upload Multiple Files
Upload Files
Код: Выделить всё
Код: Выделить всё
Код: Выделить всё
Код: Выделить всё
// progress.js
function updateProgress() {
fetch('progress.php')
.then(response => response.json())
.then(data => {
const progressDiv = document.getElementById('progress');
progressDiv.innerHTML = ''; // Clear previous progress
// Create a progress bar for each file
for (const file in data) {
const progress = data[file];
const progressBar = document.createElement('div');
progressBar.style.width = `${progress}%`;
progressBar.style.height = '20px';
progressBar.style.backgroundColor = '#4caf50';
progressBar.style.marginBottom = '5px';
progressBar.innerHTML = `${file} (${progress}%)`;
progressDiv.appendChild(progressBar);
}
});
}
// Call updateProgress every 1 second to keep the progress updated
setInterval(updateProgress, 1000);
Код: Выделить всё
E:\xampp\htdocs\rabbit_mq2>php process_upload.php
[*] Waiting for messages. To exit press CTRL+C
Uploading file: ALK Vehicle Solutions - 2024-12-20 - 1610.pdf
File uploaded: ALK Vehicle Solutions - 2024-12-20 - 1610.pdf
Я пробовал использовать приведенные выше блоки кода.
Подробнее здесь: https://stackoverflow.com/questions/793 ... und-in-php
Мобильная версия