Zasób interpretowany jako Dokument, ale przesłany z obrazem typu MIME/jpeg

Question

Używam Filepicker.io do obsługi moich plików graficznych na mojej stronie.

Używam również FancyBox do wyświetlania ładnego suwaka. Wszystko działa dobrze, jeśli używam zwykłego obrazu takiego jak: http://i.imgur.com/asdf.jpeg jako <img src="">. Oznacza to, że klikam obrazy, a suwak wyświetla się prawidłowo.

Jednak po wyłączeniu tych adresów statycznych obrazów i skorzystaniu z adresów w fileplecie, po kliknięciu obrazów w celu otwarcia opakowania ozdobnego zostanie pobrany obraz.

Oto komunikat pojawia się w konsoli, w Google Chrome:

zasobów interpretować jako dokument, ale przeniesione z typ MIME image/jpeg „https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O? dl = false ".

Wszelkie sugestie?

Answer 1

Od linku:

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

nie ma image rozszerzenie (jpg, png, gif), fancybox nie wie, co type treści musi być obsługiwane. Trzeba powiedzieć, dodając opcję API "type": "image" lubię:

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

To jest udokumentowane tutaj http://fancybox.net/faq, nr 6 (w przypadku korzystania v1.3.4), lub tutaj http://fancyapps.com/fancybox/#support, zakładkę FAQ, nr 5 (jeśli używasz v2.x).

Aby uzyskać więcej opcji, jak poradzić sobie z problemem zobaczyć tutaj: https://stackoverflow.com/a/17554660/1055987

Answer 2

Inną opcją jest dodanie nazwy pliku na adres URL, na przykład: https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O+photo.png?dl=false

Filepicker.io pomija niczego na link do pliku po znaku +, aby umożliwić tworzenie adresów URL bardziej "przyjaznych dla adapterów"