TYPO3:在自定义扩展中从 BE 访问缩略图

TYPO3: Access thumbs from BE in custom extension

这就是我想象自定义扩展的工作方式:

  1. 作者为扩展创建了一个元素
  2. 他填写了title、alt等信息并上传了一张图片
  3. 前端中的列表视图呈现上传图像的缩略图(对于在后端创建的每个元素)
  4. 完整图像在单视图中可见

我其实只需要第三步的帮助。由于 TYPO3 已经为后端渲染了缩略图,我想访问这个缩略图以避免冗余文件。有没有办法在列表视图(前端)中输出此文件?

希望你们真正明白我想要什么。

为了给你足够的帮助,我想你应该告诉我们更多关于你的扩展的要求。 是否有数据库连接?如果是,您可以在那里保存所有缩略图路径并使用存储库。之后可以将此缩略图路径转发到前端(列表视图)并使用 <f:image src="{thumbnailPath}" alt="landschaft" />.

呈现它

告诉我们更多关于您的扩展程序的信息,我相信我们会找到适合您想法的方法。

在前端渲染列表视图时,你可以只渲染领域模型的图像属性,像这样:

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

要缩放并可能裁剪图像,请使用此 ViewHelper 的 heightwidth 参数。然后图像将由 TYPO3 自动缩放并由图像 ViewHelper 使用。

heightwidth 属性支持修饰符 mc。修饰符 m 使图像适合由高度和宽度给定的矩形,同时保持其纵横比,而 c 使图像覆盖给定的矩形,同时保持纵横比,并裁剪掉部分与矩形重叠的图像。 Here 是关于这些修饰符的更多详细信息。

示例:

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

这会缩放图像,使最短边长为 100 像素,然后裁剪图像的中心部分,使其大小为 100x100 像素。