Показать прогресс загрузки файла без загрузки JavaScript

Question

У меня есть обычная HTML-форма, которая размещает несколько больших изображений на сайте.

Можно ли использовать JavaScript для отслеживания скорости загрузки? Я не хочу загружать файлы, используя XMLHttpRequest или jQuery.

Базовый HTML - это форма, некоторые файлы, кнопка и индикатор выполнения.

<form id="fileform" action="/add.php" enctype="multipart/form-data" method="post" onsubmit="true;">
    <input id="photoFile1" name="userfile1" type="file" accept="image/jpeg" />
    <input id="photoFile2" name="userfile2" type="file" accept="image/jpeg" />
    <input type="submit" name="submitButton" id="submitButton" value="Upload"/>
    <progress id="progressBar" value="0" max="100" style="width:300px;"></progress>
</form>

После нажатия кнопки я могу рассчитать размер файла:

var fileSize = document.getElementById("photoFile1").files[0].size + document.getElementById("photoFile2").files[0].size

Как я могу отслеживать, сколько байтов было отправлено браузером, чтобы я мог обновить строку progress?

• Я смотрел на jQuery Upload , но для этого нужно, чтобы я POST использовал JavaScript. Что означало бы изменение архитектуры моего сайта.
• Есть похожий вопрос в " Может ли как-то отображаться прогресс при загрузке файла без использования AJAX? " - но ему 8 лет и без ответа.

Answer 1

Вы не можете. Браузеры не предоставляют API, который сделал бы это возможным.