• Познакомьтесь с пентестом веб-приложений на практике в нашем новом бесплатном курсе

    «Анализ защищенности веб-приложений»

    🔥 Записаться бесплатно!

  • CTF с учебными материалами Codeby Games

    Обучение кибербезопасности в игровой форме. Более 200 заданий по Active Directory, OSINT, PWN, Веб, Стеганографии, Реверс-инжинирингу, Форензике и Криптографии. Школа CTF с бесплатными курсами по всем категориям.

Не работает XMLHttpRequest.upload.onprogress при POST запосах

  • Автор темы Serduko
  • Дата начала
S

Serduko

Привет всем! Хочу прикрутить "прогресс бар" на загрузку файлов, но он не работает при POST запросах. Подскажите почему такое может быть?

JavaScript:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <form method='POST' name="upload" enctype="multipart/form-data">
        <input type="file" name="myfile">
        <input type="submit" value="Загрузить">
    </form>

    <div id="log">Прогресс загрузки</div><br>

    <script>
        function log(html) {
            document.getElementById('log').innerHTML = html;
        }

        document.forms.upload.onsubmit = function() {
            var file = this.elements.myfile.files[0];
            if (file) {
                upload(file);
            }
            return false;
        }


        function upload(file) {

            var xhr = new XMLHttpRequest();

            // обработчики можно объединить в один,
            // если status == 200, то это успех, иначе ошибка
            xhr.onload = xhr.onerror = function() {
                if (this.status == 200) {
                log("success");
                } else {
                log("error " + this.status);
                }
            };

            // обработчик для закачки
            xhr.upload.onloadend = function () {
                document.getElementById('showany').innerHTML = "Загружено"
            }

            xhr.upload.onprogress = function(event) {
                log(event.loaded + ' / ' + event.total);
            }


            var formData = new FormData(Document.forms.upload);
            xhr.send(formData);

        }
    </script>
</body>
</html>
 
Последнее редактирование модератором:

Сергей Попов

Кодебай
30.12.2015
4 690
6 580
BIT
268
Мы пытаемся очистить форум от ссылочной массы. На форуме имеется функция вставки кода. Отредактируйте пожалуйста сообщение.
Screenshot_2016-10-04-13-56-01-1.png
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!