2015-08-26 2 views
0

Я использую TYPO3 CMS 6.2.14, vhs 2.3.3, Flux 7.2.1 и FluidContent 4.3.1 - моему редактору TYPO3 нужна возможность загрузить SVG-изображения через vhs -ViewHelper. Я создал новый элемент контента FluidTYPO3 (FCE), но в интерфейсе отсутствует изображение SVG. Mmhh?FluidTYPO3 vhs ViewHelper для изображений SVG?

Allow also SVG to Upload

Flux-FlexForm

<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, но нет никакого успеха. Где моя вина? Нужны ли мне height и width для этого ViewHelper? Не доступны в vhs?

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

EDIT: Я также попробовал жидкость ViewHelper, но SVG изображения имеет height/width = 0:

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

EDIT 2: ImagePath правильно. В инструментах разработчика я "видеть" изображение .. image path correct

EDIT 3: О, я вижу, у меня Filemanager (FAL) 0x0 pixels .. enter image description here

+0

Это путь к файлу правильно? Возможно, местоположение '' uploads/tx_myext'' хранится в базе данных и не должно быть установлено в viewhelper. Отлаживайте переменные, используя '' {_all} '' где-то в шаблоне, он отображает все доступные переменные и их значения. – Merec

+0

Привет merec, путь правильный. посмотрите на мой EDIT 2 ... – user2310852

+0

Но теперь отображается путь к изображению на выходе. Существует ошибка с svgs, см. Https://forge.typo3.org/issues/66445 – Merec

ответ

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" /> 
+0

его лучшая практика использования носителей существует или нет? Вы можете проверить здесь: https://fluidtypo3.org/viewhelpers/vhs/1.3.1/Media/ExistsViewHelper.html –