为Web服务器配置svgz文件需要的http头,让浏览器可以打开svgz文件
来源:互联网 发布:js面向对象的继承性 编辑:程序博客网 时间:2024/06/06 10:41
IE8以及IE8以下的浏览器是不支持SVG的,svgz是svg文件的压缩格式,本文介绍的配置与浏览器无关,但浏览svgz文件请在IE9+或Firefox,Chrome等其他现代浏览器打开。
要让浏览器能正常显示svgz文件,需要3个条件:
1、浏览器支持SVG矢量图格式
2、服务器设置正确的响应mime-type,即HTTP响应头包含 Content-Type: image/svg+xml
3、服务器设置正确的响应内容编码类型,HTTP响应头包含 Content-Encoding: gzip
这只适用于通过http的形式从web服务器访问svgz文件,如果要从浏览器打开本地硬盘的svgz文件,貌似目前Chrome支持,IE/Firefox都不支持。
Apache httpd服务器上配置svgz
方法1:在.htaccess文件中添加配置。适用于仅针对单个站点进行设置。
在.htaccess文件中适当位置添加如下2行
AddType image/svg+xml svg svgzAddEncoding gzip svgz
方法2:在httpd.conf文件中添加配置。适用于服务器全局,也可以对单个主机进行设置。
在httpd.conf 文件中添加如下几行
<IfModule mime_module> # svg support AddType image/svg+xml .svg .svgz AddEncoding x-gzip .svgz</IfModule>mime-type也可以在mime.types文件中进行配置,AddType AddEncoding也可以在其他.conf文件(比如vhosts.conf)中进行配置。
以上是通过mime_module模块进行配置,其实也可以通过headers_module模块来配置,示例:
<IfModule headers_module> <filesmatch "\.svgz$"> header set Content-Type image/svg+xml header set Content-Encoding gzip </filesmatch></IfModule>具体怎么配,配在哪儿,就看自己的需要来灵活处理了。
PHP程序动态响应svgz文件的例子
<?phpheader('Content-Type:image/svg+xml');header('Content-Encoding:gzip');echo file_get_contents('test.svgz');?>
0 0
- 为Web服务器配置svgz文件需要的http头,让浏览器可以打开svgz文件
- 服务器下载文件Http头的设置
- 乱码(0):如何让浏览器按照指定编码打开服务器返回的html文件
- Web导出Word需要添加头文件
- Web导出Word需要添加头文件
- Web导出Word需要添加头文件
- Web导出Word需要添加头文件
- 让浏览器打开JSON文件直接显示
- opencv 需要的头文件
- web安全之http请求头文件的含义
- HTTP服务器可以响应发送错误的信息,并配置可以用文件添加多种请求功能
- 让MVC的参数可以为.jpg待静态文件
- 让Source Insight的头文件和实现文件快捷键打开的方式
- 让Source Insight的头文件和实现文件快捷键打开的方式
- 无法打开Web项目 文件路径与URL不符。这两者需要映射到相同的服务器位置
- 解读web服务器的http头
- 解读web服务器的http头
- HTTP核心模块配置静态web服务器 2-文件路径的定义
- Unity Android Callback
- 自定义控件-1.基本用法
- 网上调查问卷更加快捷
- 自己实现字符串拷贝
- jQuery事件之鼠标事件
- 为Web服务器配置svgz文件需要的http头,让浏览器可以打开svgz文件
- 网络问卷调查表统计
- BZOJ 1180 CROATIAN2009 OTOCI Link-Cut-Tree
- Android之常用Tools【介绍及使用】
- C++ 总结笔记 <一>
- const的用法
- Android 编程下 Touch 事件的分发和消费机制
- lecture3-线性神经元和算法
- 【OpenCV学习】【一】关于图像叠加以及原理解释(结合MATLAB)