Ressource als Dokument interpretiert, aber mit MIME-Typ übertragen image/jpeg

Question

Ich verwende Filepicker.io, um meine Bilduploads auf meiner Website zu verarbeiten.

Ich benutze auch FancyBox, um einen schönen Schieberegler anzuzeigen. Alles funktioniert gut, wenn ich ein normales Bild wie http://i.imgur.com/asdf.jpeg als <img src=""> verwende. Bedeutung Ich klicke auf die Bilder und der Schieberegler erscheint korrekt.

Wenn ich jedoch diese statischen Bild URLs ausschalte und meine Filepicker Adressen benutze, wenn ich auf die Bilder klicke, um die Fancybox zu öffnen, wird das Bild heruntergeladen.

Hier ist die Botschaft, die ich in der Konsole, auf Google Chrome:

Ressource als Dokument interpretiert, sondern mit MIME-Typ image/jpeg übertragen: „https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O? dl = false ".

Irgendwelche Vorschläge?

Answer 1

Da Ihr Link:

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

nicht über eine image Erweiterung (jpg, png, gif), fancybox nicht weiß, was type von Inhalten behandelt werden muss. Sie müssen es sagen, durch die API-Option "type": "image" Hinzufügen mag:

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

Das http://fancybox.net/faq hier dokumentiert ist, No. 6 (bei Verwendung von v1.3.4) oder hier http://fancyapps.com/fancybox/#support, FAQ Register No. 5 (wenn v2.x verwendet wird).

Weitere Optionen, wie das Problem umgehen hier sehen: https://stackoverflow.com/a/17554660/1055987

Answer 2

Eine andere Möglichkeit ist es, den Namen der Datei, auf die URL, zum Beispiel anfügen: https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O+photo.png?dl=false

Filepicker.io ignoriert alles auf die Datei Link nach dem + Zeichen, damit Sie die URLs mehr "Adapter freundlich" machen können