FluidTYPO3适用于SVG图像的ViewHelper?

时间:2015-08-26 13:28:26

标签: svg typo3 fluid flux viewhelper

我使用TYPO3 CMS 6.2.14,vhs 2.3.3Flux 7.2.1FluidContent 4.3.1 - 我的TYPO3编辑器需要有机会通过vhs - ViewHelper上传SVG图像。我创建了一个新的FluidTYPO3内容元素(FCE),但前端没有可见的SVG图像。 Mmhh?

Allow also SVG to Upload

焊剂柔性成型

<flux:field.file name="imgIcon" allowed="jpg,gif,png,jpeg,svg" uploadFolder="uploads/tx_myext" minItems="0" maxItems="1" size="1" />
...
 <v:media.image src="uploads/tx_myext/{imgIcon}" alt="Icon" />

输出

<div class="small-2 columns">
  <img alt="Icon" src="" width="" height="">
</div>

no SVG image availible

我也使用htaccess条目,但没有成功。哪里是我的错?此ViewHelper需要heightwidth吗?不是vhs中的矢量吗?

<IfModule mod_mime.c>
    ...
    AddType image/svg+xml                   svg svgz
    AddEncoding gzip                        svgz
    ...
</Ifmodule>

编辑:我也尝试过Fluid ViewHelper,但SVG图片有height/width = 0

<f:image src="uploads/tx_myext/{imgIcon}" width="50" height="50" class="xy" alt="Icon" />

编辑2:ImagePath是正确的。在开发者工具我“看到”图像.. image path correct

编辑3:哦,我看到我的Filemanager(FAL)0x0 pixels .. enter image description here

1 个答案:

答案 0 :(得分:0)

感谢merec

使用SVG图像/ TYPO3 6.2和FluidTYPO3

答案:使用

<img src="{f:uri.image(src: 'uploads/tx_myext/{imgIcon}')}">

而不是

<v:media.image src="uploads/tx_myext/{imgIcon}" alt="Icon" />
// OR
<f:image src="uploads/tx_myext/{imgIcon}" width="50" height="50" class="xy" alt="Icon" />