將資源解釋爲文檔，但使用MIME類型圖像/ jpeg傳輸

Question

我正在使用Filepicker.io在我的網站上處理圖像上傳。

我也使用FancyBox來顯示一個漂亮的滑塊。如果我使用像http://i.imgur.com/asdf.jpeg這樣的常規圖像作爲<img src="">，一切正常。這意味着我點擊圖像並且滑塊彈出正確。

但是，當我切換出這些靜態圖像url並使用我的Filepicker地址時，當我點擊圖像打開fancybox時，圖像被下載。

這裏的消息我在控制檯中看到，谷歌瀏覽器：

資源解釋爲文檔，但與MIME類型的圖像/ JPEG轉：「https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O？DL =假」。

有什麼建議嗎？

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

Answer 2

另一種選擇是將文件的名稱添加到URL，例如： https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O+photo.png?dl=false

Filepicker.io上忽略了什麼+號之後的文件鏈接可以讓你的url更「適配友好」