javascript - 在 javascript 中验证或读取远程图像类型

Question

这是我所说的神奇数字的链接: file magic

我如何使用 JavaScript 远程读取文件的前几个字节(魔数(Magic Number))以确定它是否是图像文件？

Answer 1

JavaScript 主要是一种客户端语言，因此您不能简单地以编程方式从您自己的页面读取托管在其他站点上的文件。 XMLHttpRequest 可以让您检索远程数据，但那会检索整个文件，而不是前几个字节。做任何更花哨的事情都需要一个服务器端助手，例如PHP 脚本或类似脚本。

您还应该知道，某些 HTTP 服务器无论如何都不允许您从输出中检索一定范围的字节 - 它们总是会返回整个文件。因此，即使使用 curl 或 wget 等 PHP 脚本，您也可能无法使其适用于所有远程站点:

Is it possible to read only first N bytes from the HTTP server using Linux command?

(以上涵盖了命令行 curl，但结论具有广泛适用性。)

编辑:Sergiu 指出将Range header 添加到XMLHttpRequest 中是可行的，至少对于某些服务器而言(Range header 是HTTP 1.1 可选)。然而，跨域图像检索仍需要CORS等进一步的支持。