TYPO3 DCE:区域中的图像

Question

如何在DCE部分使用图像字段？

可以像这样访问图像元素 (myImage)：

<f:for each="{dce:fal(field:'myImage', contentObject:contentObject)}" as="fileReference">
   <f:image src="{fileReference.uid}" alt="" treatIdAsReference="1" />
</f:for>

但是，如果我循环遍历节 (mySection)，则此代码无法工作。

经过大量调试后的解决方案：

1. 将此元素用于"myImage"：文件抽象层(节仅使用) 组< sys_file _type>db文件jpg、jpeg、png、gif sys_file 1 1 1 1
2. 使用此模板代码 {teaserbox.text} ”

您必须删除treatIdAsReference="1" -它将导致以下错误：

    No file usage (sys_file_reference) found for given UID.

这不是100%完美的解决方案，因为您没有像alt这样的字段，但是它可以工作。欢迎更好的解决方案！

Answer 1

在较早的DCE版本中，这是不可能的。在较新的部分中，您可以选择FAL作为区段配置。看起来是这样的：

<config>
<type>group</type>
<internal_type>db</internal_type>
<appearance>
    <elementBrowserType>file</elementBrowserType>
    <elementBrowserAllowed>jpg,jpeg,png,gif</elementBrowserAllowed>
</appearance>
<allowed>sys_file</allowed>
<size>5</size>
<minitems>0</minitems>
<maxitems>5</maxitems>
<show_thumbs>1</show_thumbs>
</config>

在您的模板中，这应该是可行的：

<f:for each="{item.image -> dce:explode()}" as="imageUid">
    <f:image src="file:{imageUid}"/>                        
</f:for>

Answer 2

//this is file upload control with little changes 

<config>
<type>group</type>
<internal_type>db</internal_type>
<appearance>
    <elementBrowserType>file</elementBrowserType>
    <elementBrowserAllowed>jpg,jpeg,png,gif</elementBrowserAllowed>
</appearance>
<allowed>sys_file</allowed>
<size>5</size>
<minitems>0</minitems>
<maxitems>5</maxitems>
<show_thumbs>1</show_thumbs>

<dce_load_schema>1</dce_load_schema>
<dce_get_fal_objects>1</dce_get_fal_objects>

它看起来像在Dce后端，它将如下图所示

在我的例子中，它会是这样的

<f:for each="{field.contentBoxes}" as="contentbox">
    <div class="col-lg-4 col-md-4 col-sm-6">
        <div class="choose__item">
            <f:for each="{contentbox.icon}" as="image">
                <f:image image="{image}"  />
            </f:for>
            <f:format.html>{contentbox.content}</f:format.html>
        </div>
     </div>
 </f:for>    

现在，在你的情况下，你应该尝试像这样

<f:for each="{field.mySection}" as="teaserbox">
   <f:for each="{teaserbox.image}" as="img">
      <f:image image="{img}"  />
   </f:for> 
   {teaserbox.text}
</f:for>