Chrome không tải SVG tập tin như hình ảnh/svg + xml

Question

Tôi có một trang web SharePoint tham chiếu đến một tập tin SVG lưu trong RootFolder của một danh sách SharePoint bên trong thẻ img:

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

Hình ảnh được hiển thị chính xác trong IE9 trên máy tính để bàn cũng như trên các thiết bị iOS (Safari). Tuy nhiên, trong Chrome trên Windows (tôi đang sử dụng v14 tại thời điểm này) nó không hiển thị. Thay vào đó nó làm biểu tượng hình ảnh bị hỏng.

Tab mạng trong Chrome cho thấy tệp 1.svg là được tải xuống dưới dạng ứng dụng/octet-stream (và do đó hiển thị không chính xác). Tôi cần thay đổi gì để Chrome nhận dạng đúng loại MIME (như được chỉ định trong thẻ)? Nó có thể là một lỗi trong Chrome (như đề xuất trong this SO answer)? Nếu có, có một công việc xung quanh để tải tệp SVG theo cách khác (ví dụ: thẻ nhúng có thể) không?

Lưu ý rằng trình gỡ lỗi của IE (F12) xác định chính xác loại là hình ảnh/svg + xml và do đó hiển thị hình ảnh như mong đợi.

Chỉnh sửa: Vì nó có vẻ là vấn đề phía máy chủ (nhờ @robertc) Tôi đã thêm thực tế là tệp được SharePoint phân phát, nghi ngờ rằng SharePoint có thể không nhận dạng loại MIME.

Answer 1

Không có thuộc tính type trên phần tử img, bạn cần đặt loại MIME chính xác trên máy chủ. Tôi nghĩ rằng nó chỉ hoạt động trong IE vì nó làm nội dung đánh hơi.

On IIS7 và ở trên, bạn có thể chỉ định loại ánh xạ MIME trong file web.config trong system.webServer phần:

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

Sau đó nó sẽ hoạt động trong tất cả các trình duyệt, nhưng bạn có thể cần phải làm mới có hiệu lực (Ctrl + F5) để yêu cầu họ yêu cầu lại tệp.