<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed><type>rich</type><version>1.0</version><provider_name>phorkie</provider_name><provider_url>https://p.cweiske.de/</provider_url><title>TYPO3: fal object with meta data from path in flux:field.file</title><author_name>Christian Weiske</author_name><cache_age>86400</cache_age><width>900</width><height>900</height><html>&lt;!-- embedding all files of https://p.cweiske.de/379 --&gt;
&lt;link rel="stylesheet" href="https://p.cweiske.de/css/embed.css"/&gt;
&lt;div class="phork" id="379"&gt;
    &lt;div class="phork-file"&gt;
 &lt;div class="phork-content"&gt;
  
&lt;div class="document"&gt;


&lt;p&gt;For one fluid content element we are using &lt;tt class="docutils literal"&gt;&amp;lt;flux:form.section&amp;gt;&lt;/tt&gt;, which does &lt;a class="reference external" href="https://forge.typo3.org/issues/71239"&gt;not play&lt;/a&gt; with &lt;tt class="docutils literal"&gt;&amp;lt;flux:field.inline.fal&amp;gt;&lt;/tt&gt; - so we are forced to use &lt;tt class="docutils literal"&gt;&amp;lt;field.file&amp;gt;&lt;/tt&gt;, which only store the path of the file.&lt;/p&gt;
&lt;p&gt;We still like to have the meta data like title and alt text. The solution is to use &lt;tt class="docutils literal"&gt;&amp;lt;v:resource.file&amp;gt;&lt;/tt&gt;:&lt;/p&gt;
&lt;/div&gt;

 &lt;/div&gt;
 &lt;div class="phork-meta"&gt;
  &lt;a href="https://p.cweiske.de/379/rev-raw/9ff2bafa332749a3502d0bc05390c3aff0510202/README.rst" style="float: right"&gt;view raw source&lt;/a&gt;
  &lt;a href="https://p.cweiske.de/379#README.rst"&gt;README.rst&lt;/a&gt;
 &lt;/div&gt;
&lt;/div&gt;
    &lt;div class="phork-file"&gt;
 &lt;div class="phork-content"&gt;
  &lt;style type="text/css"&gt;/**
 * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
 * (http://qbnz.com/highlighter/ and http://geshi.org/)
 */
.xml .de1, .xml .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.xml  {font-family:monospace;}
.xml .imp {font-weight: bold; color: red;}
.xml li, .xml .li1 {color: #DDD;}
.xml .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.xml .es0 {color: #000099; font-weight: bold;}
.xml .br0 {color: #66cc66;}
.xml .sy0 {color: #66cc66;}
.xml .st0 {color: #ff0000;}
.xml .sc-1 {color: #808080; font-style: italic;}
.xml .sc0 {color: #00bbdd;}
.xml .sc1 {color: #ddbb00;}
.xml .sc2 {color: #339933;}
.xml .sc3 {color: #009900;}
.xml .re0 {color: #000066;}
.xml .re1 {color: #000000; font-weight: bold;}
.xml .re2 {color: #000000; font-weight: bold;}
.xml span.xtra { display:block; }
&lt;/style&gt;&lt;div class="code"&gt;&lt;table class="xml"&gt;&lt;tbody&gt;&lt;tr class="li1"&gt;&lt;td class="ln"&gt;&lt;pre class="de1"&gt;1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
&lt;/pre&gt;&lt;/td&gt;&lt;td class="de1"&gt;&lt;pre class="de1"&gt;&lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;html&lt;/span&gt; &lt;span class="re0"&gt;xmlns&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&lt;/span&gt; &lt;span class="re0"&gt;lang&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;en&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class="sc3"&gt; &amp;#160; &amp;#160; &lt;span class="re0"&gt;xmlns:f&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;http://typo3.org/ns/TYPO3/Fluid/ViewHelpers&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class="sc3"&gt; &amp;#160; &amp;#160; &lt;span class="re0"&gt;xmlns:flux&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;http://typo3.org/ns/FluidTYPO3/Flux/ViewHelpers&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class="sc3"&gt; &amp;#160; &amp;#160; &lt;span class="re0"&gt;xmlns:v&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class="sc3"&gt;&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160;
&amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;f:layout&lt;/span&gt; &lt;span class="re0"&gt;name&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;Content&amp;quot;&lt;/span&gt; &lt;span class="re2"&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160;
&amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;f:section&lt;/span&gt; &lt;span class="re0"&gt;name&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;Configuration&amp;quot;&lt;/span&gt;&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;flux:form&lt;/span&gt; &lt;span class="re0"&gt;id&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;accordeon&amp;quot;&lt;/span&gt;&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;flux:form.section&lt;/span&gt; &lt;span class="re0"&gt;name&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;content.items&amp;quot;&lt;/span&gt; &lt;span class="re0"&gt;label&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;Blöcke hinzufügen&amp;quot;&lt;/span&gt;&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;flux:form.object&lt;/span&gt; &lt;span class="re0"&gt;name&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;extended&amp;quot;&lt;/span&gt; &lt;span class="re0"&gt;label&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;Textblock mit Bild&amp;quot;&lt;/span&gt;&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;flux:field.file&lt;/span&gt; &lt;span class="re0"&gt;name&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;image&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class="sc3"&gt; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160;&lt;span class="re0"&gt;label&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;Abbildung&amp;quot;&lt;/span&gt; &lt;span class="re0"&gt;required&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;1&amp;quot;&lt;/span&gt; &lt;span class="re0"&gt;showThumbnails&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;1&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class="sc3"&gt; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160;&lt;span class="re0"&gt;allowed&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;jpeg,jpg&amp;quot;&lt;/span&gt; &lt;span class="re2"&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;/flux:form.object&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;/flux:form.section&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;/flux:form&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;/f:section&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160;
&amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;f:section&lt;/span&gt; &lt;span class="re0"&gt;name&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;Main&amp;quot;&lt;/span&gt;&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;f:for&lt;/span&gt; &lt;span class="re0"&gt;each&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;{content.items}&amp;quot;&lt;/span&gt; &lt;span class="re0"&gt;as&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;item&amp;quot;&lt;/span&gt; &lt;span class="re0"&gt;key&lt;/span&gt;=&lt;span class="st0"&gt;&amp;quot;id&amp;quot;&lt;/span&gt;&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160; &amp;#160; &amp;#160; {v:resource.file(identifier:item.extended.image) -&amp;gt; v:variable.set(name: 'record')}
&amp;#160; &amp;#160; &amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;f:debug&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;{record}&lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;/f:debug&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160; &amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;/f:for&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160; &lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;/f:section&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160;
&lt;span class="sc3"&gt;&lt;span class="re1"&gt;&amp;lt;/html&lt;span class="re2"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&amp;#160;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="phork-meta"&gt;
  &lt;a href="https://p.cweiske.de/379/rev-raw/9ff2bafa332749a3502d0bc05390c3aff0510202/element.html" style="float: right"&gt;view raw source&lt;/a&gt;
  &lt;a href="https://p.cweiske.de/379#element.html"&gt;element.html&lt;/a&gt;
 &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</html></oembed>
