如何创建 .htaccess 来显示 SVG?

Posted

技术标签:

【中文标题】如何创建 .htaccess 来显示 SVG?【英文标题】:How to create .htaccess to display SVG's? 【发布时间】:2017-11-10 15:50:02 【问题描述】:

我正在测试一个在本地运行良好的网站,但是当我将它上传到我的 Godaddy 服务器时,我的 SVG 没有在浏览器中呈现。

经过一些网络搜索并与技术支持人员合作后,我了解到我需要在我的图像文件夹目录中配置一个 .htaccess 文件才能正确显示 SVG。

谁能告诉我如何为 .htaccess 创建、下载或复制和粘贴正确的数据?

【问题讨论】:

【参考方案1】:

我猜你的意思是设置一个正确的Content-Type 标头。 MIME type 显然是 image/svg+xml,您可以使用 AddType 指令:

# Add one line for each extension
AddType image/svg+xml .svg

【讨论】:

感谢您的回复。这就是“AddType image/svg+xml .svg”所需要的吗?我把它放在与 SVG 相同的目录中并重新上传,但似乎没有任何改变。我将文件命名为“svg.htacess”。名字重要吗? @ab3d_work 您实际上是在寻找一个名为.htaccess 的文件,如“dot-htaccess”。 godaddy.com/help/what-is-htaccess-2504 我觉得我在进步!将名称更改为“.htaccess”不会出现“500 内部错误”。所以现在我的 svg 在图像文件夹中有一个 .htaccess。这是我的 .htaccess 中的内容: AddType image/svg+xml svg svgz AddEncoding gzip svgz 除了这两行之外,还有什么其他的吗?

以上是关于如何创建 .htaccess 来显示 SVG?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 htaccess 将非 www 重定向到 www URL?

服务器无法读取 htaccess 文件,拒绝访问是安全的

SVG和Canvas绘图(一)

虚拟云主机创建多个站点方法(.htaccess实现)

如何在 TWebBrowser 中居中和拉伸/收缩 SVG 显示?

在 SVG 中创建形状