1. Получи 30.000 рублей. Для получения денег необходимо принять участие в конкурсе авторов codeby. С условиями и призами можно ознакомиться на этой странице ...

    Внимание! Регистрация авторов на конкурс закрыта.

    Скрыть объявление
  2. Требуются разработчики и тестеры для проекта codebyOS. Требования для участия в проекте: Знание принципов работы ОС на базе Linux; Знание Bash; Крайне желательное знание CPP, Python, Lua; Навыки системного администрирования. Подробнее ...

    Скрыть объявление

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

Тема в разделе "Web - программирование", создана пользователем Serduko, 4 окт 2016.

  1. Serduko

    Serduko Well-Known Member

    Репутация:
    0
    Регистрация:
    11 окт 2011
    Сообщения:
    170
    Симпатии:
    0
    Привет всем! Хочу прикрутить "прогресс бар" на загрузку файлов, но он не работает при POST запросах. Подскажите почему такое может быть?

    Код:
    <!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>
    
     
    #1 Serduko, 4 окт 2016
    Последнее редактирование: 4 окт 2016
  2. WebWare Team

    WebWare Team Well-Known Member
    Администратор

    Репутация:
    3
    Регистрация:
    30 дек 2015
    Сообщения:
    880
    Симпатии:
    855
    Мы пытаемся очистить форум от ссылочной массы. На форуме имеется функция вставки кода. Отредактируйте пожалуйста сообщение.
    Не работает XMLHttpRequest.upload.onprogress при POST запосах
     
  3. Serduko

    Serduko Well-Known Member

    Репутация:
    0
    Регистрация:
    11 окт 2011
    Сообщения:
    170
    Симпатии:
    0
    Исправил
     
Загрузка...
Похожие Темы - Не работает XMLHttpRequest
  1. nerfy
    Ответов:
    15
    Просмотров:
    121
  2. NetHunteRed
    Ответов:
    0
    Просмотров:
    33
  3. abdurtim
    Ответов:
    8
    Просмотров:
    299
  4. ghostphisher
    Ответов:
    26
    Просмотров:
    795
  5. seoman2
    Ответов:
    5
    Просмотров:
    297

Поделиться этой страницей