在img下使用svg文件標籤

Question

我正在使用ASP.NET mvc4應用程序，其中.svg文件將放在/content/Images文件夾下。

Under <img>標記我試圖使用.svg文件作爲src.但這似乎不起作用。但內聯svg工作正常。但我的要求要求它在<img>標籤下使用。我也使用了適當的MIME類型。

<img src=http://localhost:62987/Content/Images/simplest.svg /> 

Answer 1

它可能是因爲你錯過了src屬性路徑的引號。

此語法應該可以正常工作。

<img src="http://localhost:62987/Content/Images/simplest.svg" /> 

檢查此工作JSFiddle以證明上述方法正常工作。

Answer 2

同時檢查您的網絡服務器是否正確提供了正確的MIME類型的SVG文件。它應該是image/svg+xml。一個簡單的檢查方法是在Web瀏覽器開發工具的「Net」標籤下查看。