Umbraco媒體類型中的多圖像SVG文件

Question

我在Razor / MVC方面非常擅長，但是對Umbraco還是很陌生。 我有一個源設計，其中包含一個包裹在SVG中的Jpeg和灰度PNG，這樣我可以在比通常更少的內存中獲得透明的背景圖像。

只是想知道如何在Umbraco中設置將SVG文件和支持的位圖放置在同一文件夾中的媒體類型。

我嘗試創建具有3個上載插槽的新媒體類型，並將其創建為文件夾類型，但是當我在文件夾/ media / 1071中查找時，它僅包含SVG。

有沒有辦法讓Umbraco將所有3個文件上傳到同一文件夾，以便SVG文件可以找到支持的文件？

謝謝，

標記

Answer 1

我不確定這在Umbraco中是否合適，但是我確實設法使我的透明JPeg類型的東西正常工作。

我沒有創建新的媒體類型，而是創建了新的文檔類型。 我還為文檔類型制作了一個默認模板。

通過在文檔類型中添加兩​​個媒體選擇器屬性，並將模板中的Content-Type設置為“ image / svg + xml”，我可以從模板中即時生成適當的SVG文件。

因此，這是與我的新DocType一起使用的模板。

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    Layout = null;

    UmbracoContext.HttpContext.Response.ContentType = "image/svg+xml";  

    var colourLayer = Umbraco.Media(Umbraco.Field("colourLayer").ToString());
    var maskLayer = Umbraco.Media(Umbraco.Field("maskLayer").ToString());
}<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 @colourLayer.umbracoWidth @colourLayer.umbracoHeight" enable-background="new 0 0 @colourLayer.umbracoWidth @colourLayer.umbracoHeight" xml:space="preserve">
  <image overflow="visible" width="@colourLayer.umbracoWidth" height="@colourLayer.umbracoHeight" mask="url(#imgmask)" xlink:href="@colourLayer.umbracoFile" />
  <mask id="imgmask">
    <image overflow="visible" width="@colourLayer.umbracoWidth" height="@colourLayer.umbracoHeight" xlink:href="@maskLayer.umbracoFile" />
  </mask>
</svg>

如果這不是Umbraco的工作方式，請告訴我。 我更喜歡使用系統而不是系統。