來自外部資源的 Typo3 流體圖像

Question

是否可以從外部資源調整流體圖像的大小。 我有一個來自 SOAP 的數據擴展。 所以圖像 URL 看起來像http://www.example.com/url/of/image/imagename.jpg 。

<f:image src="{data.url.image}" with="300" />

不管用。

Answer 1

也許自己的ViewHelper可以獲取外部圖像並將其保存到臨時文件夾中，這可能會有所幫助。 之后，您可以修改圖像。

像這樣的東西（未經測試）：

<?php
  namespace MyNamespaece\MyExt\ViewHelpers;

  use TYPO3\CMS\Core\Utility\GeneralUtility;
  use TYPO3\CMS\Fluid\ViewHelpers\ImageViewHelper;
  use TYPO3\CMS\Core\Resource\FileInterface;
  use TYPO3\CMS\Extbase\Domain\Model\AbstractFileFolder;

  class ExternalImageViewHelper extends ImageViewHelper
  {

  const UPLOAD_DIRECTORY = 'externalImages';
  const TEMP_PREFIX = 'MyExt';

  /**
   * ResourceFactory
   *
   * @var \TYPO3\CMS\Core\Resource\ResourceFactory
   * @inject
   */
  protected $resourceFactory = null;

  /**
   * Resizes a given image (if required) and renders the respective img tag
   *
   * @see https://docs.typo3.org/typo3cms/TyposcriptReference/ContentObjects/Image/
   *
   * @param string                           $src                a path to a file, a combined FAL identifier or an uid (integer). If $treatIdAsReference is set, the integer is considered the uid of the sys_file_reference record. If you already got a FAL object, consider using the $image parameter instead
   * @param string                           $width              width of the image. This can be a numeric value representing the fixed width of the image in pixels. But you can also perform simple calculations by adding "m" or "c" to the value. See imgResource.width for possible options.
   * @param string                           $height             height of the image. This can be a numeric value representing the fixed height of the image in pixels. But you can also perform simple calculations by adding "m" or "c" to the value. See imgResource.width for possible options.
   * @param integer                          $minWidth           minimum width of the image
   * @param integer                          $minHeight          minimum height of the image
   * @param integer                          $maxWidth           maximum width of the image
   * @param integer                          $maxHeight          maximum height of the image
   * @param boolean                          $treatIdAsReference given src argument is a sys_file_reference record
   * @param FileInterface|AbstractFileFolder $image              a FAL object
   *
   * @return string
   * @throws \Exception
   * @throws \TYPO3\CMS\Core\Resource\Exception\InsufficientFolderAccessPermissionsException
   * @throws \TYPO3\CMS\Core\Resource\Exception\InsufficientFolderWritePermissionsException
   * @throws \TYPO3\CMS\Fluid\Core\ViewHelper\Exception
   */
  public function render($src = null, $width = null, $height = null, $minWidth = null, $minHeight = null, $maxWidth = null, $maxHeight = null, $treatIdAsReference = false, $image = null)
  {
    if (filter_var($src, FILTER_VALIDATE_URL)) {
      $storage = $this->resourceFactory->getDefaultStorage();
      if (!$storage->hasFolder(self::UPLOAD_DIRECTORY)) {
        $storage->createFolder(self::UPLOAD_DIRECTORY);
      }

      $externalFile = GeneralUtility::getUrl($src);
      if ($externalFile) {
        $tempFileName = tempnam(sys_get_temp_dir(), self::TEMP_PREFIX);
        $handle       = fopen($tempFileName, "w");
        fwrite($handle, $externalFile);
        fclose($handle);

        $uploadFolder = $storage->getFolder(self::UPLOAD_DIRECTORY);
        $file         = $uploadFolder->addFile($tempFileName, basename(basename($src)), 'changeName');
        $src          = $file->getPublicUrl();
        unlink($tempFileName);
      } else {
        throw new \Exception(sprintf('External URL % cannot accessed.', $src), 1473233519);
      }
    }

    return parent::render($src, $width, $height, $minWidth, $minHeight, $maxWidth, $maxHeight, $treatIdAsReference, $image);
  }
}

請注意：此ViewHelper不能檢查是否已獲取圖像！ 因此，應該進行檢查。 否則，此viewhelper將在每次刷新頁面時獲取圖像！

如評論中所述，我想澄清一下，該ViewHelper不應在任何生產環境中使用。 它僅應說明如何使用這種Viewhelper。 不支持編譯的模板。 同樣，也不需要檢查文件是否已經存在。 您的托管環境可能充滿了下載內容，並可能破壞文件配額！

Answer 2

簡短的答案是：這是不可能的。 長答案是：當然，如果您先獲取圖像是可能的。 有多種方法可以做到這一點：

• 在運行時，通過使用ViewHelper建議的rpflamm
• 當您獲取SOAP調用時，請在您的控制器/服務中執行此操作。 海事組織這將是最好的方法。 堅持然后圖像並使用本地路徑
• 如果獲取的圖像不是很大，當然也可以通過CSS調整大小

Answer 3

TYPO3 10.4 LTS 具有裁剪功能的工作版本：

<?php

declare(strict_types=1);

/*
 * This file is part of the TYPO3 CMS project.
 *
 * It is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License, either version 2
 * of the License, or any later version.
 *
 * For the full copyright and license information, please read the
 * LICENSE.txt file that was distributed with this source code.
 *
 * The TYPO3 project - inspiring people to share!
 *
 * Example: <xyz:externalImage filename="OPTINAL_FILENAME" src="EXTERNAL_URL" width="480c" height="270c" title="YOUR TITLE" alt="YOUR ALT" class="YOUR-CLASS" />
 */

namespace YourNamespaece\YourExtension\ViewHelpers;

use TYPO3\CMS\Core\Resource\ResourceFactory;
use TYPO3\CMS\Core\Utility\GeneralUtility;
use TYPO3\CMS\Extbase\Service\ImageService;
use TYPO3\CMS\Fluid\Core\Widget\Exception;
use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractTagBasedViewHelper;

class ExternalImageViewHelper extends AbstractTagBasedViewHelper {
    /**
     * @var string
     */
    protected $tagName = 'img';

    /**
     * @var \TYPO3\CMS\Extbase\Service\ImageService
     */
    protected $imageService;

    /**
     * @param \TYPO3\CMS\Extbase\Service\ImageService $imageService
     */
    public function injectImageService(ImageService $imageService)
    {
        $this->imageService = $imageService;
    }

    const UPLOAD_DIRECTORY = 'externalImages';
    const TEMP_PREFIX = 'diakonie_baukasten';

    /**
     * ResourceFactory
     *
     * @var ResourceFactory
     * @TYPO3\CMS\Extbase\Annotation\Inject
     */
    protected ResourceFactory $resourceFactory;

    /**
     * Initialize arguments.
     */
    public function initializeArguments()
    {
        parent::initializeArguments();
        $this->registerUniversalTagAttributes();
        $this->registerTagAttribute('alt', 'string', 'Specifies an alternate text for an image', false);
        $this->registerArgument('filename', 'string', 'Override filename for local file.', false, '');
        $this->registerArgument('src', 'string', 'a path to a file, a combined FAL identifier or an uid (int). If $treatIdAsReference is set, the integer is considered the uid of the sys_file_reference record. If you already got a FAL object, consider using the $image parameter instead', true, '');
        $this->registerArgument('width', 'string', 'width of the image. This can be a numeric value representing the fixed width of the image 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', 'height of the image. This can be a numeric value representing the fixed height of the image 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('minWidth', 'int', 'minimum width of the image');
        $this->registerArgument('minHeight', 'int', 'minimum height of the image');
        $this->registerArgument('maxWidth', 'int', 'maximum width of the image');
        $this->registerArgument('maxHeight', 'int', 'maximum height of the image');
        $this->registerArgument('absolute', 'bool', 'Force absolute URL', false, false);
    }

    /**
     * Resizes a given image (if required) and renders the respective img tag
     *
     * @see https://docs.typo3.org/typo3cms/TyposcriptReference/ContentObjects/Image/
     *
     * @return string Rendered tag
     * @throws \Exception
     */
    public function render()
    {
        $src = (string)$this->arguments['src'];
        $filename = (string)$this->arguments['filename'];

        if ($src === '') {
            throw new Exception('You must either specify a string src', 1382284106);
        }

        // A URL was given as src, this is kept as is, and we can only scale
        if ($src !== '' && preg_match('/^(https?:)?\/\//', $src)) {
            if (filter_var($src, FILTER_VALIDATE_URL)) {
                $storage = $this->resourceFactory->getDefaultStorage();
                if (!$storage->hasFolder(self::UPLOAD_DIRECTORY)) {
                    $storage->createFolder(self::UPLOAD_DIRECTORY);
                }

                $externalFile = GeneralUtility::getUrl($src);
                if ($externalFile) {
                    $tempFileName = tempnam(sys_get_temp_dir(), self::TEMP_PREFIX);
                    $handle       = fopen($tempFileName, "w");
                    fwrite($handle, $externalFile);
                    fclose($handle);

                    if ($filename !== '') {
                        $fileNameNoExtension = preg_replace("/\.[^.]+$/", "", $src);
                        $fileExtension = str_replace($fileNameNoExtension,"", $src);
                        $src = $filename.$fileExtension;
                    }

                    $uploadFolder = $storage->getFolder(self::UPLOAD_DIRECTORY);
                    $file         = $uploadFolder->addFile($tempFileName, basename(basename($src)), 'replace');
                    $src          = $file->getPublicUrl();
                    unlink($tempFileName);

                    $image = $this->imageService->getImage($src, null, false);

                    $processingInstructions = [
                        'width' => $this->arguments['width'],
                        'height' => $this->arguments['height'],
                        'minWidth' => $this->arguments['minWidth'],
                        'minHeight' => $this->arguments['minHeight'],
                        'maxWidth' => $this->arguments['maxWidth'],
                        'maxHeight' => $this->arguments['maxHeight'],
                        'crop' => null,
                    ];

                    $processedImage = $this->imageService->applyProcessingInstructions($image, $processingInstructions);
                    $imageUri = $this->imageService->getImageUri($processedImage, $this->arguments['absolute']);


                    $this->tag->addAttribute('src', $imageUri);
                    $this->tag->addAttribute('width', $processedImage->getProperty('width'));
                    $this->tag->addAttribute('height', $processedImage->getProperty('height'));

                    // The alt-attribute is mandatory to have valid html-code, therefore add it even if it is empty
                    if (empty($this->arguments['alt'])) {
                        $this->tag->addAttribute('alt', $image->hasProperty('alternative') ? $image->getProperty('alternative') : '');
                    }
                    // Add title-attribute from property if not already set and the property is not an empty string
                    $title = (string)($image->hasProperty('title') ? $image->getProperty('title') : '');
                    if (empty($this->arguments['title']) && $title !== '') {
                        $this->tag->addAttribute('title', $title);
                    }

                    return $this->tag->render();

                } else {
                    throw new \Exception(sprintf('External URL % cannot accessed.', $src), 1473233519);
                }
            }
        }
    }
}