关于SVG图片不显示

原创 2015年07月11日 10:34:11


SVG图片在本地调试时,能够正常显示,但是上传到服务器或者虚拟主机以后不显示。这个问题该怎么解决呢?


两种解决办法:


第一种:在服务器上 IIS 或者其他Web服务器上 添加 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无法正常显示,激动的心情立马被泼了一盆凉水,之前开发的时候是在Tomcat下面进行的,显示一切正常,正是环境为websphere,SVG就显示不出来了。 ...
  • jianggujin
  • jianggujin
  • 2016年05月10日 17:09
  • 4445

关于SVG文件在Firefox中正确显示的研究

最近因为做SVG方面的开发工作,所以研究起SVG的一些东西。手头上使用的资料是SVG官方的文档,《SVG essentials》,《基于XML的SVG应用指南》。网上说,firefox,opera,都...
  • Feisy
  • Feisy
  • 2008年06月19日 11:42
  • 8026

Visual studio2010不显示.svg格式图片

昨天同事在用Visual Studio2010运行asp.net项目时  出现了 页面.svg格式图片不显示问题 用VS2012运行或者发布到IIS后 图片都是可以正确显示的 在尝试 在...
  • linlinlinlin1
  • linlinlinlin1
  • 2016年07月05日 10:44
  • 1045

html的img中使用SVG图片做SRC在本地测试可用但是上传服务器后不能显示问题解决

html的img中使用SVG图片做SRC在本地测试可用但是上传服务器后不能显示问题解决: 问题:html的img中使用SVG图片做SRC在本地测试可用但是上传服务器后不能显示。 原因:服务器的MI...
  • MAILLIBIN
  • MAILLIBIN
  • 2016年05月21日 13:49
  • 4497

svg显示图片问题

CSS里: .bass-localnavigation-A01 ul em {     background: #6485c1 url(../img/common/localnav_bg_01.svg...
  • chx10051413
  • chx10051413
  • 2013年11月03日 17:40
  • 1733

Nginx静态资源部署

前言:传统的web项目,一般都将静态资源连同项目部署在容器中(如tomcat、jetty),但是有时需要把这些静态资源文件单独拿出来,ngnix这时可以来充当静态资源服务器的功能。配置Nginx/Te...
  • ouyang111222
  • ouyang111222
  • 2016年11月22日 09:16
  • 8260

img src请求后台,加载图片问题(svg不显示)

今天项目要求后台管理系统中的图标和图片,于是楼主开始写代码,把图片存储到oracle数据库,取数数据后转化为流写入reponse,设置reponse头部,标识返回类型,正常图片类型都没有问题,png,...
  • jiandan217
  • jiandan217
  • 2018年01月26日 08:50
  • 73

IE对SVG的支持

1、IE9以上支持SVG,IE11的支持最好。 要支持SVG需要添加 , 并且本地IE内核需要在10以上 2、SVG箭头的移动和放大缩小在IE中不是很好的支持,       添加如下行:    (感觉...
  • yfdhn
  • yfdhn
  • 2015年02月04日 16:55
  • 4073

在 React、Vue项目中使用 SVG

在 React、Vue项目中使用 SVG
  • DeepLies
  • DeepLies
  • 2017年09月23日 18:26
  • 4992

SVG下appendChild(node)在浏览器中不显示的问题

直接appendChild(node)在浏览器上并不显示 SVG fragments are mistakenly parsed as HTMLUnknownElement Add SVG eleme...
  • u013905744
  • u013905744
  • 2016年01月22日 10:51
  • 1211
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于SVG图片不显示
举报原因:
原因补充:

(最多只允许输入30个字)