如何从URL读取图像类型？

Question

我遇到了一些非常奇怪的事情：

如您所见，第二张照片的格式为jpg格式，但显示为png类型。 （这是Chrome中的“网络”面板。）

如何使用JavaScript获取此png文件类型？ （我怎样才能获得它的MIME类型）？

Answer 1

您检查content-type响应标头。 Chrome网络调试器中列出了适当的值。或者，您可以在互联网上的众多lists中查找其中一个。

假设您正在使用jQuery

$.ajax({
  url: "[image url]",
  success: function(response, status, xhr){ 
    var contentType = xhr.getResponseHeader("content-type") || "";
    if (contentType === "image/jpeg") {
      // do something with jpg
    }
    if (contentType === "image/png") {
      // do something with png
    } 
  }
});

如果您使用普通javascript，请使用XMLHttpRequest.getResponseHeader()。

Answer 2

发送HEAD请求并查看内容类型。

$scope.$apply