«простой» PHP-скрипт для отображения прогресса загрузки без использования модулей, пакетов и flash

Question

Я пытаюсь сделать «простой» скрипт php + ajax, чтобы показать прогресс нескольких загруженных файлов. Я нашел на этом сайте и на других страницах готовые пакеты и т. Д. Я хочу начать спо нескольким причинам, и одна из них - это обучение. Вот как я хотел к этому подойти: во-первых, я начинаю с ajax-кода в upload.php (этот файл содержит форму загрузки и a для отображения хода загрузки)

<script>
$(document).ready(function(){
 $("#uploadform").change(function(e) 
 {
    e.preventDefault();
    setInterval(function(){
$('div#upload_progress').load('upload_progress.php');
 }, 1000);
});
});
</script>

upload_progress.php содержит код для получения мгновенного размера файла на сервере (я еще не получил его). Так что на данный момент единственная строка, которую я имею в 'upload_progress.php' это: 'VOILA '. Вот моя проблема: div #upload_progress не загружается во время загрузки файла, поэтому я не вижу текст в upload_progress.php. Я пытался загрузить большие файлы или сократить время setInterval, но безуспешно.За исключением того, что когда я помещаю окно оповещения (alert ('alertme');) после setInterval, div # upload_progress волшебным образом загружается. Я действительно буду признателен за некоторую помощь.

Answer 1

U может использовать 2 деления, как говорит JMarc. Это немного ржаво и не очень религиозно, но это делает работу. Сохранено значение ширины в переменной сеанса, которая содержит количество загруженных файлов.

Answer 2

Попробуйте html5

<progress value="1" max="100">Loading</progress>

И увеличение значения