将 Svg 文件放入媒体库答案

【问题标题】：Svg file into Media Library将 Svg 文件放入媒体库
【发布时间】：2014-03-02 09:17:16
【问题描述】：

我有一个响应式设计 Sitecore 7 解决方案，我想将 svg 文件添加到媒体库中，以便像 jpg、jpeg 图片一样进行处理。当我上传 svg 文件时，它们会像媒体文件而不是图像文件一样被处理。

【问题讨论】：

【解决方案1】：

据我所知，Sitecore CMS 不支持开箱即用的 SVG 图像。您是对的，如果您上传 SVG 图片，Sitecore 不会将其作为图片处理，而是作为普通媒体文件处理。缩略图生成也不适用于 SVG 图像。请尝试对 SVG 类型使用以下媒体类型定义：

<mediaType name="SVG image" extensions="svg">
  <mimeType>image/svg+xml</mimeType>
  <forceDownload>false</forceDownload>
  <sharedTemplate>system/media/unversioned/image</sharedTemplate>
  <versionedTemplate>system/media/versioned/image</versionedTemplate>
  <mediaValidator type="Sitecore.Resources.Media.ImageValidator"/>
  <thumbnails>
    <generator type="Sitecore.Resources.Media.ImageThumbnailGenerator, Sitecore.Kernel">
      <extension>png</extension>
    </generator>
    <width>150</width>
    <height>150</height>
    <backgroundColor>#FFFFFF</backgroundColor>
  </thumbnails>
 </mediaType>

另外，请将 svg 文件的 mime 类型注册到配置文件中。

<configuration>
  <system.webServer>
    <staticContent>
     <remove fileExtension=".svg" />
     <mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
    </staticContent>
  </system.webServer>
</configuration>

【讨论】：

【解决方案2】：

如果您只想将 SVG 文件上传到媒体库，那么前面的答案是正确的。如果您随后想要使用 Sitecore 富文本编辑器中媒体库中的 SVG，则必须执行其他步骤，否则您将收到“所选项目不是图像”错误。

这篇博文介绍了在富文本编辑器中使用 SVG 所需的 RTE 自定义。 http://sitecorecorner.com/2015/11/23/sitecore-svg-support/

【讨论】：

【解决方案3】：

从 Sitecore 8.1 Update 2 开始，默认情况下包含配置更新。通过媒体库上传和 RTE 字段以及 GlassMapper 的测试。

【讨论】：

【解决方案4】：

<configuration xmlns:patch="www.sitecore.net/xmlconfig">
    <sitecore>
        <mediaLibrary>
            <mediaTypes>
                <mediaType name="SVG image" extensions="svg">
                    <mimeType>image/svg+xml</mimeType>
                    <forceDownload>false</forceDownload>
                    <sharedTemplate>system/media/unversioned/image</sharedTemplate>
                    <versionedTemplate>system/media/versioned/image</versionedTemplate>
                    <mediaValidator type="Sitecore.Resources.Media.ImageValidator"/>
                    <thumbnails>
                        <generator type="Sitecore.Resources.Media.ImageThumbnailGenerator, Sitecore.Kernel">
                            <extension>png</extension>
                        </generator>
                        <width>150</width>
                        <height>150</height>
                        <backgroundColor>#FFFFFF</backgroundColor>
                    </thumbnails>
                </mediaType>
            </mediaTypes>
        </mediaLibrary>
    </sitecore>
</configuration>

【讨论】：