Javascript 有没有一种方法可以限制客户端图像预加载的速率？

我正在制作一个有流媒体音频和许多幻灯片的页面。音频播放和幻灯片在活动期间按需加载。在常规活动中工作正常，但在大型公司活动中失败，1000用户的幻灯片http下载会增加带宽，并暂时使网络饱和，导致音频跳过/中断

---

我想在用户打开页面时预装所有图像，但我想知道是否也可以限制所有图像的下载。我希望将图像的预加载限制为特定的kb/s。这可能是客户端吗？如果不是，服务器端/客户端什么是好的选择？

在JavaScript中，可以使用文件API进行限制文件大小的客户端验证

这里有一个很好的教程：

最后一点：您不应该依赖“仅”客户端验证。必须使用服务器端验证

更新：对于“仅”客户端验证：

通过使用JS，您可以这样尝试：

if (typeof FileReader !== "undefined") {
    var size = document.getElementById('myfile').files[0].size;
    // check file size
}

<input type="file" id="fileInput" />
var size = document.getElementById("fileInput").files[0].size;

并非所有浏览器都支持此功能。只有最新版本的Webkit浏览器支持此功能

或者使用文件API，您可以这样尝试：

if (typeof FileReader !== "undefined") {
    var size = document.getElementById('myfile').files[0].size;
    // check file size
}

<input type="file" id="fileInput" />
var size = document.getElementById("fileInput").files[0].size;

---

好的选择是“服务器端”。查看问题：这可以用于读取URL吗？不仅仅是本地文件/blob？您能告诉我您使用的是哪种服务器端语言吗；但文件托管在CDN上，并直接从javascript从CDN请求。@deadcode我已经更新了答案…请看。@deadcode还有一点我想说的是，这不是一个完整的答案…我所能做的就是提示您可以这样做的方式…这是因为答案必须是正确的以非常广泛的方式描述…我想你理解它…你应该在答案中寻找更多关于事物的信息。