Bilder gespeichert auf Amazon AWS S3 nicht in Internet Explorer

Question

für meine AdLit Web-Anwendung gerendert, speichern ich einige Bilder auf Amazon AWS S3. Aber diese Bilder werden nicht in jeder Version von Internet Explorer (getestet mit IE8, IE9 und IE11)

gerendert Sie können dies heraus:

http://www.adlit.be/team

Die Bilder in Safari gemacht bekommen, Firefox und Chrome, aber nicht im Internet Explorer.

Hat jemand Erfahrung mit diesem Problem? Und wie kann es behoben werden?

Dank für Ihre Hilfe,

Anthony

Answer 1

Die Fotos sind JPEG-Bilder, aber sie sind alle Namen image ohne Erweiterung. Dies bedeutet, dass Ihr Server ihnen keinen Image Content-Type gibt. Der Server sendet stattdessen einen HTTP-Header von:

Content-Type:application/octet-stream 

Chrome und Firefox sind offenbar klug genug, um zu bemerken, dass die Anfrage kommt von einem <img> Elemente und das JPEG-Format aus dem binären Inhalt selbst zu erkennen. Aber Sie würden die Dinge viel einfacher, wenn Sie Ihren Server erhalten einen entsprechenden Header zu senden:

Content-Type:image/jpeg 

Ich habe zwei Vermutungen:

1. Wenn Sie Ihre Fotos auf dem Server image-image.jpg umbenennen oder image.jpeg dann wird Ihr Server den richtigen Content-Type und
2. ableiten Angesichts der richtigen Content-Type, wird IE die Fotos anzeigen.

Oh, warte, Amazon S3. Ich denke, dass Web-Service von S3 Content-Type von der Dateierweiterung ableitet, aber wenn nicht, können Sie explizit set metadata on S3 objects, einschließlich (insbesondere) Content-Type.

Answer 2

Nach W3C spec, bekommen Bilder normalerweise mimen-schnuppert unabhängig davon, was in der Serverantwort Content-Type-Header deklariert wird.

Aber da es auch einen MS-proprietären X-Content-Type-Options:nosniff Header gibt, führt IE in diesem Fall nicht den Mime-Sniff-Schritt durch.   Und daher gibt der Content-Type-Header per W3C den endgültigen Pantomime-Typ.   Aber das ist "application/octet-stream", was kein unterstützter Bildtyp ist.



(Fiddler Filter - klicken für volle Größe)