TYPO3：在自定义扩展中访问BE的拇指

Question

This is how I image my custom extension to work:

1. Author creates an element for the extension
2. He fills in the title, alt and other information and uploads an image
3. Listview in the Frontend renders a thumbnail of the uploaded image (for each element created in the Backend)
4. Full image is visible in Single view

I actually only need help in the third step. Since TYPO3 already renders a thumbnail for the Backend, I'd like to access this one to avoid redundant files. Is there a way to output this file in the listview (Frontend)?

I hope you guys actually understood what I want.

Answer 1

When rendering the list view in the frontend, you can just render the image property of your domain model, like this:

<f:image image="{myObject.image}" alt="..."/>

To scale and possibly crop the image, make use of the height and width parameters of this ViewHelper. The image will then automatically be scaled by TYPO3 and used by the image ViewHelper.

The height and width properties support the modifiers m and c. The modifier m makes the image fit into the rectangle given by height and width while preserving its aspect ratio, while c makes the image cover the given rectangle while preserving aspect ratio, and crops away the parts of the image overlapping the rectangle. Here are more details about these modifiers.

Example:

<f:image image="{myObject.image}" alt="..." height="100c" width="100c"/>

This scales the image such that the shortest edge is 100px long, and then cuts out the central part of the image to make 100x100 pixels in size.