google-chrome - 资源解释为文档，但使用 MIME 类型 image/jpeg 传输

Question

我正在使用 Filepicker.io 来处理我在我的网站上上传的图片。

我还使用 FancyBox 来显示一个不错的 slider 。如果我使用常规图像，一切正常:http://i.imgur.com/asdf.jpeg作为 <img src=""> .这意味着我单击图像， slider 正确弹出。

但是，当我切换出那些静态图像 url 并使用我的 Filepicker 地址时，当我单击图像打开 fancybox 时，图像就会被下载。

这是我在 Google Chrome 上的控制台中收到的消息:

Resource interpreted as Document but transferred with MIME type image/jpeg: "https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O?dl=false".

有什么建议么？

Answer 1

由于您的链接:

https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O?dl=false

没有 image扩展名(jpg、png、gif)，fancybox 不知道是什么 type的内容需要处理。您需要通过添加 API 选项来告诉它 "type": "image"像:

$(".fancybox").fancybox({
   "type": "image"
});

此处记录了 http://fancybox.net/faq , No. 6 (如果使用 v1.3.4), 或这里 http://fancyapps.com/fancybox/#support ，FAQ 选项卡，第 5 号(如果使用 v2.x)。

有关如何处理此问题的更多选项，请参见此处:
https://stackoverflow.com/a/17554660/1055987