解决在本地调试网页SVG图片显示正常上传到服务器以后SVG图片不显示
2014年07月02日 10:13:50 · 本文共 633 字阅读时间约 2分钟 · 7,398 次浏览
最近我打算将自己网站的LOGO制作成SVG的矢量图形,他的好处就是大小很小,只有几十KB,但是质量却很高,因为不是点阵的像素图,及时是放大到很大,边缘也不会出现锯齿,而且因为SVG实际上是个XML文档,那么我们在服务器端还可以压缩一下,让他更小。
//cdn.renfei.net/logo.svg
首先,你需要一个Internet Explorer 9或更高版本的浏览,否则需要安装Adobe SVG Viewer以支持SVG,当然,SVG是W3C标准,Firefox、Opera、Chrome 以及 Safari 都支持 SVG。
我制作完SVG图片以后,开始上传到服务器,并且将原来的PNG图片替换成SVG图片,在本地浏览都正常,但是上传到服务器以后,打开网址,就是不显示SVG图片,开始我以为是路径错了,但是相对链接、绝对链接我都试过了,确定不是路径的问题。我仔细的对比别人网站的SVG图片,发现我的图片和别人的有点不同,缺少 MIME type,那么我就在服务器端添加SVG文件的MIME类型,MIME type : image/svg+xml ,再浏览,正常显示了。
什么是MIME类型呢?
服务器将MIME标志符放入传送的数据中来告诉浏览器使用哪种插件读取相关文件。浏览器接收到文件后,会进入插件系统进行查找,查找出哪种插件可以识别读取接收到的文件。如果浏览器不清楚调用哪种插件系统,它可能会告诉用户缺少某插件,或者直接选择某现有插件来试图读取接收到的文件,后者可能会导致系统的崩溃。传输的信息中缺少MIME标识可能导致的情况很难估计,因为某些计算机系统可能不会出现什么故障,但某些计算机可能就会因此而崩溃。
商业用途请联系作者获得授权。
版权声明:本文为博主「任霏」原创文章,遵循 CC BY-NC-SA 4.0 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.renfei.net/posts/1000163
版权声明:本文为博主「任霏」原创文章,遵循 CC BY-NC-SA 4.0 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.renfei.net/posts/1000163
相关推荐
猜你还喜欢这些内容,不妨试试阅读一下
评论与留言
以下内容均由网友提交发布,版权与真实性无法查证,请自行辨别。
热评文章
- 前后端分离项目接口数据加密的秘钥交换逻辑(RSA、AES)
- OmniGraffle 激活/破解 密钥/密匙/Key/License
- CleanMyMac X 破解版 [TNT] 4.6.0
- OmniPlan 激活/破解 密钥/密匙/Key/License
- 人大金仓 KingbaseES V8 R3 安装包、驱动包和 License 下载地址
- Parallels Desktop For Mac 16.0.1.48911 破解版 [TNT]
- Redis 未授权访问漏洞分析 cleanfda 脚本复现漏洞挖矿
- Parallels Desktop For Mac 15.1.4.47270 破解版 [TNT]
- Sound Control 破解版 2.4.2
- 向谷歌搜索引擎主动推送网页的教程 Google Indexing API 接口实现
热文排行
- 博客完全迁移上阿里云,我所使用的阿里云架构
- 微软确认Windows 10存在bug 部分电脑升级后被冻结
- 大佬们在说的AQS,到底啥是个AQS(AbstractQueuedSynchronizer)同步队列
- 比特币(BTC)钱包客户端区块链数据同步慢,区块链数据离线下载
- Java中说的CAS(compare and swap)是个啥
- 小心免费主题!那些WordPress主题后门,一招拥有管理员权限
- 强烈谴责[wamae.win]恶意反向代理我站并篡改我站网页
- 讨论下Java中的volatile和JMM(Java Memory Model)Java内存模型
- 新版个人网站 NEILREN4J 上线并开源程序源码
- 我站近期遭受到恶意不友好访问攻击公告