资源解释为文档，但使用 MIME 类型 image/jpeg 进行传输

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

我还使用 FancyBox 来显示一个漂亮的滑块。如果我使用常规图像，则一切正常：http://i.imgur.com/asdf.jpeg as the <img src="">。这意味着我单击图像，滑块会正确弹出。

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

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

资源解释为文档，但使用 MIME 类型 image/jpeg 进行传输：“https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O?dl=false”。

有什么建议么？

由于您的链接：

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

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

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

这是记录在这里http://fancybox.net/faq，第 6 号（如果使用 v1.3.4），或此处http://fancyapps.com/fancybox/#support，常见问题解答选项卡，第 5 号（如果使用 v2.x）。

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