Typo3 заменяет src для большого внешнего изображения на URL-адрес большого размера из пути к локальной папке - PullRequest
Новая
       7

Typo3 заменяет src для большого внешнего изображения на URL-адрес большого размера из пути к локальной папке

0 голосов
/ 01 ноября 2019

Typo3 заменяет src для большого внешнего изображения на URL-адрес большого размера из пути к локальной папке. путь: typo3conf / ext / bootstrap_package / ресурсы / частный / частичные / ContentElements / мультимедиа / рендеринг / Image.html 

<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<img src="{f:uri.image(src: 'EXT:bootstrap_package/Resources/Public/Images/blank.gif')}" data-src="{f:uri.image(image: file)}" data-large="{f:uri.image(image: file, cropVariant: 'default', maxWidth: 1140)}" data-medium="{f:uri.image(image: file, cropVariant: 'medium', maxWidth: 940)}" data-small="{f:uri.image(image: file, cropVariant: 'small', maxWidth: 720)}" data-extrasmall="{f:uri.image(image: file, cropVariant: 'extrasmall', maxWidth: 320)}" title="{file.title}" alt="{file.alternative}" class="lazyload" data-preload="{f:if(condition: settings.preload.images, then: 'true', else: 'false')}" />
<noscript>
    <img src="{f:uri.image(image: file)}" title="{file.title}" alt="{file.alternative}" />
</noscript>
</html>
Проблема в том, что у нас есть большой файл размером 7 МБ 1140 X 700, он находится в области данных большого размера. Я добавляю внешний URL для него. Но когда я просматриваю страницу, она заменяет img src большими данными, которые имеют локальный путь к изображению, а не внешний путь к изображению. Я добавляю внешний файл изображения с расширением. HTML-страница выглядит как 

<img src="/typo3k/fileadmin/_processed_/c/6/csm_Namibia__6__01_bf7ab3fa07.jpg" data-src="https://media.........../view/14fd891e99c67dfc2d475aded2f38d3b389811" data-large="/typo3k/fileadmin/_processed_/c/6/csm_Namibia__6__01_bf7ab3fa07.jpg" data-medium="/typo3k/fileadmin/_processed_/c/6/csm_Namibia__6__01_2ea86b1ad4.jpg" data-small="/typo3k/fileadmin/_processed_/c/6/csm_Namibia__6__01_a5c4bf8281.jpg" data-extrasmall="/typo3k/fileadmin/_processed_/c/6/csm_Namibia__6__01_03571e8240.jpg" title="" alt="" class="lazyload" data-preload="false" style="opacity: 1;">

проблема возникает только для большого файла изображения, для маленького изображения его исправная работа, показывающая внешнюю ссылку для атрибутов src и для данных большого размера.

дляsmall 720 X ... изображение его работы показывает HTML на вид, как 

<img src="https://media............../view/11ca5ff84cdb906c5427d87bb3bd383e389813" data-src="https://media.............../view/11ca5ff84cdb906c5427d87bb3bd383e389813" data-large="https://.................../view/11ca5ff84cdb906c5427d87bb3bd383e389813" data-medium="https://media................../view/11ca5ff84cdb906c5427d87bb3bd383e389813" data-small="/typo3k/fileadmin/_processed_/5/9/csm_Namibia__6__c0a95f8209.jpg" data-extrasmall="/typo3k/fileadmin/_processed_/5/9/csm_Namibia__6__75677ed405.jpg" title="" alt="" class="lazyload" data-preload="false" style="opacity: 1;">

Пожалуйста, помогите мне Typo3 8,7 версии, я работаю.

1 Ответ

0 голосов
/ 01 ноября 2019

попробуйте это: 

<img
    src="{f:uri.image(src: 'EXT:bootstrap_package/Resources/Public/Images/blank.gif')}"
    data-src="{f:uri.image(image: file, maxHeight:dimensions.height, maxWidth: dimensions.width, treatIdAsReference:1)}"
    data-large="{f:uri.image(image: file,treatIdAsReference:'1', cropVariant: 'default', maxWidth: 1140)}"
    data-medium="{f:uri.image(image: file, treatIdAsReference:'1', cropVariant: 'medium', maxWidth: 940)}"
    data-small="{f:uri.image(image: file, treatIdAsReference:'1', cropVariant: 'small', maxWidth: 720)}"
    data-extrasmall="{f:uri.image(image: file, treatIdAsReference:'1', cropVariant: 'extrasmall', maxWidth: 320)}"
    title="{file.title}" alt="{file.alternative}"
    class="lazyload"
    data-preload="{f:if(condition: settings.preload.images, then: 'true', else: 'false')}"
/>

я добавил параметр TreatIdAsReference. У вас есть какие-либо ограничения для работы с изображениями?

...