javascript - 从图像中提取缩略图而不阅读整个内容？

Question

在 Chrome 应用程序(打包的应用程序)中，我有代表 JPEG 图像的 FileEntry 对象，我想将它们显示为缩略图。但是，似乎访问图像数据的唯一方法是完整地使用 FileEntry.file 方法，该方法生成一个文件(Blob 的子类)。由于一些图像大于 4MB，这对于在窗口中显示 50 个缩略图来说效率太低了。

没有仅用于访问缩略图的 API 是否正确，或者是否缺少某些 HTML5 或 Chrome API？

[澄清:当我说“提取缩略图”时，我的意思是只读取缩略图数据，几乎所有 JPEG 文件中都包含该数据。我的意思不是提取主要的压缩 JPEG 数据并显示缩略图大小，也不是读取二进制数据并提取代表缩略图的部分，因为这仍然意味着将整个文件读入内存。]

Answer 1

作为一般命题，可以在不解压图像的情况下读取缩略图。

缩略图的位置取决于所使用的特定 JPEG 文件格式。 JPEG 本身不定义缩略图。

也就是说，根据我的经验，很少有 JPEG 文件真正包含缩略图。

我会检查文件格式 header (例如 EXIF、JPEG)以查看您的图片中是否确实有缩略图。

您可能必须自己从显示缩略图的标题中提取缩略图。在 JFIF 中，缩略图可以是未压缩的，也可以是嵌套的 JFIF 流。