关于SVG图片不显示

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于SVG图片不显示相关的知识,希望对你有一定的参考价值。


SVG图片在本地调试时。可以正常显示。可是上传到server或者虚拟主机以后不显示。

这个问题该怎么解决呢?


两种解决的方法:


第一种:在server上 IIS 或者其它Webserver上 加入 SVG映射。


另外一种:在Web.Config 中加入配置节点,手工映射。


如以下:在WebServer节点下加入。

<staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="font/x-font-woff" />
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff2" mimeType="font/x-font-woff" />
<remove fileExtension=".svg" />
      <mimeMap fileExtension=".svg"  mimeType="image/svg+xml" />
    </staticContent>



当你使用虚拟主机时,又不想联系空间商加入映射时,另外一种方法比較方便。自己动手丰衣足食。




以上是关于关于SVG图片不显示的主要内容,如果未能解决你的问题,请参考以下文章

网页中SVG 图片显示不出来

关于SVG图片在IOS系统上无法显示的问题

AI导出svg上传到阿里矢量图标库(Iconfont),图片显示不全

拥抱SVG:苦恼于图片适配 in Android?万能图片适配

在AI里面做好的svg图片,导出上传至iconfont,显示有问题

IIS 图片加载不出来