Javascript 如何加载渐进式图像的一部分？

我想找到一种方法来停止在HTML页面中卸载一个巨大的图像。 可能使用Javascript和http范围之类的东西

这样做的目的是获得一些JPG渐进式图像，并加载其中的一小部分

例如，我有一张2mega的图片，只需要在200px的宽度上显示它

如何只加载所需的数据，而不生成任何较小的图像

---

任何想法都将不胜感激：）

据我所知，这个问题没有简单的答案。大多数需要创建后台服务这样的服务的人，他们可以从中请求图像，并将图像id和大小（例如200px）传递给它，该服务将返回图像，使用imagemagik，它将缩小图像并将其传递给客户端。纯粹的客户端，如果不下载整个2MB图像，就无法将2MB图像下载到客户端。服务器必须负责缩放原始图像。为此，您必须手动流式传输数据，在流式传输时分析内容，在流中的适当位置中止，并实现可以处理和呈现此数据的jpeg解析器。这是可能的，但这是相当多的工作，速度非常慢（特别是在移动设备上，我认为这是这个请求的原因），而且您仍然可以使用不兼容的JPEG。我认为这不值得。如果你尝试一下，它会是什么样子？我在想@Thomas said之类的东西，但没有jpeg解析器部分。由于浏览器已经“知道”如何显示部分数据（当您加载“JPEG渐进式”图像时，它会显示得很好）。因此，也许使用请求的“状态”，在合适的状态下停止流……我知道这个问题没有简单的答案。大多数需要创建后台服务这样的服务的人，他们可以从中请求图像，并将图像id和大小（例如200px）传递给它，该服务将返回图像，使用imagemagik，它将缩小图像并将其传递给客户端。纯粹的客户端，如果不下载整个2MB图像，就无法将2MB图像下载到客户端。服务器必须负责缩放原始图像。为此，您必须手动流式传输数据，在流式传输时分析内容，在流中的适当位置中止，并实现可以处理和呈现此数据的jpeg解析器。这是可能的，但这是相当多的工作，速度非常慢（特别是在移动设备上，我认为这是这个请求的原因），而且您仍然可以使用不兼容的JPEG。我认为这不值得。如果你尝试一下，它会是什么样子？我在想@Thomas said之类的东西，但没有jpeg解析器部分。由于浏览器已经“知道”如何显示部分数据（当您加载“JPEG渐进式”图像时，它会显示得很好）。因此，可能使用请求的“状态”，在合适的状态下停止流。。。