---
title: "Form.uploadedResource ViewHelper <liaform:form.uploadedResource>"
manual: "LIA Form"
version: "2.2"
permalink: "https://docs.typo3.org/permalink/lia/lia_form:lia-liaform-form-uploadedresource@2.2"
source: "ViewHelpers/LiaForm/Form/UploadedResource.rst"
rendered: "2026-09-29T13:27:41+00:00"
---

# Form.uploadedResource ViewHelper `<liaform:form.uploadedResource>` {#lia-liaform-form-uploadedresource}

ViewHelper for uploaded file resources.

Makes the specified Image object available for its childNodes.
In case the form is redisplayed because of validation errors,
a previously uploaded image will be correctly used.

Scope: frontend

## Example {#example}

```html
<liaform:form.uploadedResource property="{element.identifier}" as="image" id="{element.uniqueIdentifier}" class="{element.properties.elementClassAttribute}" errorClass="{element.properties.elementErrorClassAttribute}" additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}" accept="{element.properties.allowedMimeTypes}" multiple="1">
    <f:if condition="{image}">
        <div id="{element.uniqueIdentifier}-preview">
            <a href="{f:uri.image(image: image, maxWidth: element.properties.imageLinkMaxWidth)}" class="{element.properties.elementClassAttribute}" >
                <f:image image="{image}" maxWidth="{element.properties.imageMaxWidth}" maxHeight="{element.properties.imageMaxHeight}" alt="{formvh:translateElementProperty(element: element, property: 'altText')}" />
            </a>
        </div>
    </f:if>
</liaform:form.uploadedResource>
```

**Arguments**

> [!NOTE]
> **Allows arbitrary arguments**
>
> This ViewHelper allows you to pass arbitrary arguments not defined below directly to the HTML tag created. This includes custom `data-` arguments.

The following arguments are available for the form.uploadedResource ViewHelper:

-   **accept**

    -   *Type:* array
    -   *Default:* array (
    )

    Values for the accept attribute

-   **additionalAttributes**

    -   *Type:* array

    Additional tag attributes. They will be added directly to the resulting HTML tag.

-   **aria**

    -   *Type:* array

    Additional aria-\* attributes. They will each be added with a "aria-" prefix.

-   **as**

    -   *Type:* string

    The name of the variable.

-   **data**

    -   *Type:* array

    Additional data-\* attributes. They will each be added with a "data-" prefix.

-   **errorClass**

    -   *Type:* string
    -   *Default:* 'f3-form-error'

    CSS class to set if there are errors for this ViewHelper

-   **name**

    -   *Type:* string

    Name of input tag

-   **property**

    -   *Type:* string

    Name of Object Property. If used in conjunction with \<f:form object="...">, the "name" property will be ignored, while "value" can be used to specify a default field value instead of the object property value.

-   **value**

    -   *Type:* mixed

    Value of input tag