在img标签下使用svg文件

Question

I am using ASP.NET mvc4 application, where .svg files will be placed under /content/Images folder.

Under <img> tag i Am trying to use .svg file as src. But this seems not working. But inline svg works fine. But my requirement demands it to be used under <img> tag. I have used proper MIME type also.

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

Answer 1

Its probably because you are missing the inverted commas around the src attribute's path.

This syntax should work fine.

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

Check this working JSFiddle to demonstrate that the above mentioned method just works fine.

Answer 2

Also check that your web server is serving your SVG files with the correct mime type. It should be image/svg+xml . An easy way to check is to look under the "Net" tab in your web browser development tools.