* ``` * * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-fluid-media * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-fluid-image * @see RendererRegistry */ final class MediaViewHelper extends AbstractTagBasedViewHelper { /** * @var string */ protected $tagName = 'img'; public function __construct( private readonly RendererRegistry $rendererRegistry, private readonly ImageService $imageService ) { parent::__construct(); } public function initializeArguments(): void { parent::initializeArguments(); $this->registerArgument('file', 'object', 'File', true); $this->registerArgument('additionalConfig', 'array', 'This array can hold additional configuration that is passed though to the Renderer object', false, []); $this->registerArgument('width', 'string', 'This can be a numeric value representing the fixed width of in pixels. But you can also perform simple calculations by adding "m" or "c" to the value. See imgResource.width for possible options.'); $this->registerArgument('height', 'string', 'This can be a numeric value representing the fixed height in pixels. But you can also perform simple calculations by adding "m" or "c" to the value. See imgResource.width for possible options.'); $this->registerArgument('cropVariant', 'string', 'select a cropping variant, in case multiple croppings have been specified or stored in FileReference', false, 'default'); $this->registerArgument('fileExtension', 'string', 'Custom file extension to use for images'); $this->registerArgument('loading', 'string', 'Native lazy-loading for images property. Can be "lazy", "eager" or "auto". Used on image files only.'); $this->registerArgument('decoding', 'string', 'Provides an image decoding hint to the browser. Can be "sync", "async" or "auto"'); } /** * Render a given media file. */ public function render(): string { $file = $this->arguments['file'] ?? null; $additionalConfig = (array)($this->arguments['additionalConfig'] ?? []); $width = ($this->arguments['width'] ?? 0); $height = ($this->arguments['height'] ?? 0); // get Resource Object (non ExtBase version) if (is_callable([$file, 'getOriginalResource'])) { // We have a domain model, so we need to fetch the FAL resource object from there $file = $file->getOriginalResource(); } if (!$file instanceof FileInterface) { throw new InvalidArgumentValueException('Supplied file object type ' . get_class($file) . ' must be FileInterface.', 1454252193); } if ((string)($this->arguments['fileExtension'] ?? '') && !GeneralUtility::inList($GLOBALS['TYPO3_CONF_VARS']['GFX']['imagefile_ext'], (string)$this->arguments['fileExtension'])) { throw new InvalidArgumentValueException( 'The extension ' . $this->arguments['fileExtension'] . ' is not specified in $GLOBALS[\'TYPO3_CONF_VARS\'][\'GFX\'][\'imagefile_ext\']' . ' as a valid image file extension and can not be processed.', 1619030957 ); } $fileRenderer = $this->rendererRegistry->getRenderer($file); // Fallback to image when no renderer is found if ($fileRenderer === null) { return $this->renderImage($file, $width, $height, $this->arguments['fileExtension'] ?? null); } $arguments = []; foreach (array_merge($this->arguments, $this->additionalArguments) as $argumentName => $argumentValue) { // Prevent "null" when given in fluid if (!empty($argumentValue) && $argumentValue !== 'null') { $arguments[$argumentName] = $argumentValue; } } $additionalConfig = array_merge_recursive($arguments, $additionalConfig); return $fileRenderer->render($file, $width, $height, $additionalConfig); } /** * Render img tag * * @param string $width * @param string $height * @return string Rendered img tag */ private function renderImage(FileInterface $image, $width, $height, ?string $fileExtension): string { $cropVariant = (string)(($this->arguments['cropVariant'] ?? '') ?: 'default'); $cropString = $image instanceof FileReference ? $image->getProperty('crop') : ''; $cropVariantCollection = CropVariantCollection::create((string)$cropString); $cropArea = $cropVariantCollection->getCropArea($cropVariant); $processingInstructions = [ 'width' => $width, 'height' => $height, 'crop' => $cropArea->isEmpty() ? null : $cropArea->makeAbsoluteBasedOnFile($image), ]; if (!empty($fileExtension)) { $processingInstructions['fileExtension'] = $fileExtension; } $processedImage = $this->imageService->applyProcessingInstructions($image, $processingInstructions); $imageUri = $this->imageService->getImageUri($processedImage); if (!$this->tag->hasAttribute('data-focus-area')) { $focusArea = $cropVariantCollection->getFocusArea($cropVariant); if (!$focusArea->isEmpty()) { $this->tag->addAttribute('data-focus-area', (string)$focusArea->makeAbsoluteBasedOnFile($image)); } } $this->tag->addAttribute('src', $imageUri); $this->tag->addAttribute('width', $processedImage->getProperty('width')); $this->tag->addAttribute('height', $processedImage->getProperty('height')); if (in_array($this->arguments['loading'] ?? '', ['lazy', 'eager', 'auto'], true)) { $this->tag->addAttribute('loading', $this->arguments['loading']); } if (in_array($this->arguments['decoding'] ?? '', ['sync', 'async', 'auto'], true)) { $this->tag->addAttribute('decoding', $this->arguments['decoding']); } $alt = $image->getProperty('alternative'); $title = $image->getProperty('title'); // The alt-attribute is mandatory to have valid html-code, therefore add it even if it is empty if (empty($this->additionalArguments['alt'])) { $this->tag->addAttribute('alt', $alt ?? ''); } if (empty($this->additionalArguments['title']) && !empty($title)) { $this->tag->addAttribute('title', $title); } return $this->tag->render(); } }