如何使用 <input type="file"/> 在本地机器上模拟真实的文件上传时间?

Posted

技术标签:

【中文标题】如何使用 <input type="file"/> 在本地机器上模拟真实的文件上传时间?【英文标题】:How do you simulate a realistic file upload time on your local machine using <input type="file"/>? 【发布时间】:2012-06-28 03:39:53 【问题描述】:

我正在处理一个带有文件上传表单的网页,该表单通过 ajax 上传文件(使用 jquery.form 插件和更新 &lt;progress&gt; 栏)。我正在使用 MAMP,由于我上传的文件只是从我的计算机上的一个位置复制到另一个位置,因此即使文件很大,上传时间也太快而无法看到进度条。

我记得看过一个截屏视频,其中演示者对他的本地环境进行了一些更改,这减慢了上传过程,但特定的截屏视频让我无法理解...

【问题讨论】:

【参考方案1】:

你需要安装libapache2-mod-bw

然后在您的虚拟主机配置集中:

<virtualhost *:80>
    ...
    BandWidthModule On 
    ForceBandWidthModule On
    BandWidth all 80000
</virtualhost>

这将对上传设置 80 KB/s 的限制。

【讨论】:

以上是关于如何使用 <input type="file"/> 在本地机器上模拟真实的文件上传时间?的主要内容,如果未能解决你的问题,请参考以下文章

如何获取 <input type="number"> 字段的原始值?

如何重置 <input type = "file">

如何使用 jQuery 从 HTML <input type="date"> 中提取值

如何使用 <input type="file"/> 在本地机器上模拟真实的文件上传时间?

如何动态创建 <input type="text"/>

如何添加占位符 <input type="datetime-local"> 字段?