File Upload

The <tc:file/> create an input field with a choose directory button on the right.

Basics

<tc:file label="Upload" value="#{uploadController.file1}"/>

Upload

Read Only

Disabled

You can filter files using the <tc:validateFileItem/> tag within the <tc:file/>. In the following example only images and PDF files are excepted.

Upload image/PDF

Define a text with placeholder attribute

Upload image

The size can be changed with markup large or small.

You can upload multiple files in one selection and request. Use the multiple="true" attribute.

Multiple

Ajax can be activated by adding <f:ajax/> to the <tc:file/> tag.

Ajax

Upload image

Ajax

Name	Type	Size	Used Action
No rows available