Regional University Computing Center Kaiserslautern-Landau

Upload Files

Instructions with an Exercise

About the "Upload Files" Feature

Use the "Upload File" function to transfer images, documents, and other files to the TYPO3 file repository. Only then can these files be used in content elements such as "Text with Image," "File Links," or "File Collections."

Usage:


:The foundation for all media and file content. Uploading a file is always the first step when

  • you want to insert a new image into a content element
  • you want to make a document available for download (e.g., via file links)
  • you want to place files in a folder for a file collection

Important guidelines for uploading

  • The maximum file size per upload is currently 10 MB
  • Images are automatically resized to a fixed width of 1940 pixels. Smaller images are enlarged, and larger ones are reduced in size, which may result in a loss of quality.

Step by step

Illustrated Instructions

Upload Files

Step 1: Upload a file

To upload files in Typo3, follow these steps:

In the menu bar on the left, under " File," select the file list (also known as Fileadmin).

Now click the " Upload Files " button and select the files you want to upload.

A box will appear in the lower-right corner prompting you to reload the page.

Select " Reload."

Optional

You can also replace existing files instead of uploading new ones.

You'll find the "Replace" option under the control with the three dots.

You can choose whether to keep the file name or replace it.

Use the " Browse " button to select a new file, and click the " Replace " button to replace the file.

Step 2: Rename the files

You'll find the " Rename" function under the control with the three dots.

Now you can change the name of your file using the " Rename" button .

Step 3: Assign metadata

Now click the button with the pencil icon to edit the metadata.

You can now add the following information to the image under the General tab: title, description, alternative text, and caption.

 

Important:

  • The description appears as text below the image.
  • You must provide alternative text; this is important for accessibility.
    • For more information, see Accessibility.
    • You can find writing tips under …

This is what it would look like when filled out.

Alternative text should be:

  • as short as possible.
  • contain only the essentials.
  • be written objectively.
  • be structured from the most important to the least important.

 

An example for the photo here:

Close-up of a duck on asphalt with a meadow in the background

You can now add the following information to the image under the " Metadata" tab: source, author, copyright, file language, geolocation, GPS, and date of the content.

 

Important:

  • For certain content elements, the author is listed in the image.
  • If your files already contain metadata, this information will be carried over during upload.
  • Are you unsure about copyright? → Find more information in the Typo3 Hub under the Web Guide for Website Design

Here is an example of the "Text and Media " content element in the front end.

The description appears below the image.

The title appears when you hover your mouse over the image.

And the author is listed in the lower right corner of the image.

TYPO3 Self-Study for Beginners, Part 1

Exercise

You can practice this in the sandbox.

  1. Upload files to a folder you’ve created.
  2. Assign the file a description, a title, and the author

Go to the Sandbox

Next:

 

Back to the OverviewNext Topic