在不上传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，但这需要我使用JavaScript进行POST。这将意味着更改我的网站的架构。
• “ Can somehow show progress on file upload without using AJAX?”处也有类似的问题，但它已经有8年历史了，尚未得到解答。

Answer 1

不能。浏览器没有提供任何可能的API。