在不上传JavaScript的情况下显示文件上传进度

时间:2018-11-08 15:05:52

标签: javascript html file-upload

我有一个常规的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栏?

1 个答案:

答案 0 :(得分:0)

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