Risorsa interpretata come documento ma trasferita con tipo MIME image/jpeg

Question

Uso Filepicker.io per gestire i miei upload di immagini sul mio sito web.

Sto anche utilizzando FancyBox per visualizzare un bel cursore. Tutto funziona correttamente se utilizzo un'immagine regolare come: http://i.imgur.com/asdf.jpeg come <img src="">. Significato Faccio clic sulle immagini e il cursore si apre correttamente.

Tuttavia, quando si rimuovono gli URL di immagine statica e si utilizzano gli indirizzi Filepicker, quando si fa clic sulle immagini per aprire la finestra di selezione, l'immagine viene scaricata.

Ecco il messaggio che ricevo nella console, su Google Chrome:

Risorsa interpretato come documento, ma trasferito con l'immagine di tipo MIME/jpeg: "https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O? dl = false".

Qualche suggerimento?

Answer 1

Dal momento che il link:

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

non dispone di un image estensione (jpg, png, gif), fancybox non sa cosa type dei contenuti deve essere gestita. È necessario dire che aggiungendo l'opzione API "type": "image" piace:

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

documentato qui http://fancybox.net/faq, No. 6 (se si utilizza v1.3.4), o qui http://fancyapps.com/fancybox/#support, scheda FAQ, No. 5 (se si utilizza v2.x).

Per ulteriori opzioni come gestire la questione vedere qui: https://stackoverflow.com/a/17554660/1055987

Answer 2

Un'altra opzione è quella di aggiungere il nome del file sul URL, ad esempio: https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O+photo.png?dl=false

Filepicker.io ignora qualsiasi cosa su il link al file dopo il segno + per permetterti di rendere gli URL più "adattabili"