Проблема с загрузкой бара в JS - PullRequest
Новая
       21

Проблема с загрузкой бара в JS

0 голосов
/ 23 мая 2019

У меня есть этот код для запуска индикатора выполнения, соответствующего прогрессу загрузки файла в JS, он работал нормально, но когда я добавил строку кода, а затем удалил ее, потому что передумалон просто внезапно перестал работать.

Я пытался использовать CTRL + Z, чтобы добавить эту строку, о которой я упоминал ранее, но она все еще не работает

Вот код для обработкииндикатор выполнения: 

function uploadFile(){
    var file = document.getElementById("file").files[0];
    var formdata = new FormData();
    formdata.append("file", file);

    var ajax = new XMLHttpRequest();
    ajax.upload.addEventListener("progress", progressHandler, false);
    ajax.addEventListener("load", completeHandler, false);

    ajax.open("POST", "upload.php");
    ajax.send(formdata);
}

function progressHandler(event) {
    alert((event.loaded/event.total)*100)
    var percent = (event.loaded / event.total) * 100;
    document.getElementById("progressBar").value = Math.round(percent);
    document.getElementById("status").innerHTML = "Uploading status: " + Math.round(percent)+"%";
}

А вот мой индикатор выполнения в HTML: 

<progress id="progressBar" value="0" max="100" style="width: 20%; margin-top: 10px;"></progress>
    <p id="status" style="font-size: 13px; margin: 5px; margin-top: 7px"></p>

Кто-нибудь может мне помочь?Я не могу понять, что случилось

...