Chrome ne charge pas le fichier SVG en tant qu'image / svg + xml

J'ai un SharePoint page web qui fait référence à un SVG fichier stocké dans le RootFolder d'une liste SharePoint à l'intérieur de la balise img:

<img src='http://localhost/Lists/MyList/1/1.svg' type='image/svg+xml' />

Le rendu de l'image correctement dans IE9 sur le bureau ainsi que sur les appareils iOS (Safari). Cependant, dans google Chrome sur Windows (je suis en utilisant v14 pour le moment), il ne parvient pas à afficher. Il restitue l'icône d'image brisée.

La mise en réseau de l'onglet dans Chrome révèle que le fichier 1.svg est téléchargé l'application/octet-stream (et donc le rendu incorrect). De quoi ai-je besoin de changer, de sorte que Chrome est le fait de reconnaître le type MIME correctement (comme spécifié dans la balise)? Pourrait-il être un bug dans Chrome (comme suggéré dans cette SORTE de réponse)? Si oui, est-il un travail autour de charger le fichier SVG d'une autre façon (par exemple, la balise embed peut-être)?

Noter que IE du débogueur (F12) identifie correctement le type de image/svg+xml et donc rend l'image comme prévu.

Edit: Puisqu'elle s'avère être un serveur (merci @robertc) j'ai ajouté le fait que le fichier est servi par SharePoint, se doutant que SharePoint peut ne pas reconnaître le type MIME.

source d'informationauteur Philipp Schmid

9

Il n'y a pas d'attribut type sur le img élément, vous devez définir le type MIME correctement sur le serveur. Je pense qu'il ne fonctionne que sous IE, parce qu'il fait du contenu en reniflant.

Sur IIS7 et ci-dessus, vous pouvez spécifier des types MIME dans le web.config fichier dans le system.webServer section:
```
<staticContent>
  <mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
</staticContent>
```
Après qu'il devrait fonctionner dans tous les navigateurs, mais vous devrez peut-être faire une force de rafraîchissement (Ctrl + F5) pour les amener à demander de nouveau le fichier.

Vous devez vous connecter pour publier un commentaire.