如何使用JavaScript仅加载jpg的一部分

我正在寻找一种只加载jpg的一部分的方法。我尝试了XMLHttpRequest，但我无法理解它

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

这会给我一个图像，我可以用它来显示它。例如，图像是100kb大，我只想要50kb。这可能吗。我知道图像有裂缝，但我想尝试一些东西。多谢各位

编辑：

---

我的目标是加载例如50kb而不是整个100kb，以节省通信量；）

我把图像放在一个div中，div height=image height/2。当然，在我的应用程序中，div高度是可用屏幕高度的一部分，因此在不同的pc浏览器、移动浏览器或本机Android或iPhone的Webview中，显示是相似的。

我将图像放在div中，div高度=图像高度/2。当然，在我的应用程序中，div高度是可用屏幕高度的一部分，因此在不同的pc浏览器或移动浏览器中，或者在本机Android或iPhone的Webview中，显示类似。

这如何解决如何仅下载部分资源的问题？这不会影响从服务器加载的字节大小，我猜不会！你下载了全部，但显示了一半！“我的目标是加载例如50kb而不是整个100kb以节省流量”这如何解决如何只下载部分资源的问题？这不会影响从服务器加载的字节大小，我猜不会！你下载了全部，但显示了一半！“我的目标是加载例如50kb而不是整个100kb以节省流量”让您的服务器提供50kb而不是100kb。你无法控制你在客户端收到多少。此外，通过破坏东西来节省流量并不是你能做出的最明智的举动。与其考虑javascript，不如在服务器端使用逻辑来提供每个图像的两个版本（hq和低质量）！！！您可以在服务器端降低质量，让您的服务器提供50KB而不是100kb。你无法控制你在客户端收到多少。此外，通过破坏东西来节省流量并不是你能做出的最明智的举动。与其考虑javascript，不如在服务器端使用逻辑来提供每个图像的两个版本（hq和低质量）！！！您可以降低服务器端的质量