如何使用 JavaScript 仅加载 jpg 的一部分 [重复]

Posted 2023-03-07

【中文标题】如何使用 JavaScript 仅加载 jpg 的一部分 [重复]

【英文标题】：How do I load only a part of jpg with JavaScript [duplicate]

【发布时间】：2015-05-28 10:48:15

【问题描述】：

我正在寻找一种仅加载 jpg 一部分的方法。我尝试了 XMLHttpRequest 但我无法弄清楚。

    request.open("GET", "js.jpg", true);
    request.responseType = "blob";

这给我一个图像，我可以用它来显示它。例如图像是 100kb 大，我只想要 50kb。这可能吗。我知道图像已破解，但我想尝试一下。谢谢

编辑：

我的目标是加载例如 50kb 而不是整个 100kb 以节省流量，我猜 ;)

【问题讨论】：

让您的服务器提供 50 kb 而不是 100 kb。您无法控制在客户端收到多少。此外，通过破坏东西来节省流量并不是您可以采取的最明智的举措。

而不是在 javascript 上思考你将逻辑放在服务器端以提供每个图像的 2 个版本（hq 和低质量）！！！您可以降低服务器端的质量

【参考方案1】：

我通过将图像放在 div 中来做到这一点，并且 div 高度 = 图像高度 / 2。当然，在我的应用程序中，div 高度是可用屏幕高度的一部分，因此在不同的 PC 浏览器或移动浏览器中或原生android或iPhone中的Webview，显示类似。

【讨论】：

这如何解决如何只下载部分资源的问题？

我猜这不会影响从服务器加载的字节数

不！你下载整个但显示一半！

“我的目标是加载例如 50kb 而不是整个 100kb 以节省流量”