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

Question

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

我也使用FancyBox来显示一个漂亮的滑块.:如果我使用一个普通图像一样,一切工作正常http://i.imgur.com/asdf.jpeg的<img src="">.意思是我单击图像并正确弹出滑块.

但是,当我切换出那些静态图像网址并使用我的Filepicker地址时,当我点击图像打开fancybox时,图像就会被下载.

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

资源解释为Document但使用MIME类型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,第6号(如果使用v1.3.4),或http://fancyapps.com/fancybox/#support,FAQ选项卡,第5号(如果使用v2) .X).

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