Chrome nie ładuje SVG, jak plik image/svg + xml

Question

mam SharePoint strona internetowa, która odwołuje się do pliku SVG przechowywane w RootFolder listy SharePoint wewnątrz znacznika IMG:

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

Obraz jest renderowany poprawnie w IE9 na komputerze, a także na urządzeniach z systemem iOS (Safari). Jednak w Chrome na Windowsie (w tej chwili używam wersji v14), nie wyświetla się. Zamiast tego wyświetla ikonę zepsutego obrazu.

Zakładka sieciowa w Chrome pokazuje, że plik 1.svg jest pobrany jako aplikacja/strumień oktetowy (i stąd nieprawidłowe renderowanie). Co muszę zmienić, aby Chrome prawidłowo rozpoznał typ MIME (jak określono w tagu)? Czy może to być błąd w Chrome (jak zasugerowano w this SO answer)? Jeśli tak, czy jest jakieś obejście, aby załadować plik SVG w inny sposób (np. Może być tag embed)?

Należy zauważyć, że debugger IE (F12) poprawnie identyfikuje typ jako image/svg + xml i dlatego renderuje obraz zgodnie z oczekiwaniami.

Edit: Ponieważ wydaje się być problem po stronie serwera (dzięki @robertc) Dodałem fakt, że plik jest obsługiwana przez SharePoint, SharePoint może podejrzewać, że nie rozpoznaje typu MIME.

Answer 1

Nie ma atrybutu type na elemencie img, należy poprawnie ustawić typ MIME na serwerze. Wydaje mi się, że działa tylko w IE, ponieważ robi treść węsząc.

Na IIS7 i powyżej można określić odwzorowania typu MIME w pliku web.config w sekcji system.webServer:

<staticContent> 
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml"/> 
</staticContent> 

Po tym powinno działać we wszystkich przeglądarkach, ale być może trzeba będzie zrobić odświeżenia siły (Ctrl + F5), aby ponownie poprosić o plik.