如何在.phtml文件中显示主题文件夹中的图像

Question

我试图在phtml文件中显示一个图像，但似乎无法加载。下面是我的代码

<!--- Location: /app/design/frontend/Vendor/Module/Magento_Theme/templates/html/custom-page.phtml -->
<div>
<img src="{{view url='images/v3.jpg'}}"/>
</div>

现在我试图加载的图像位于中

/app/design/frontend/Vendor/Module/web/images/v3.jpg

但我似乎无法加载此图像。你们知道吗？

Answer 1

1. Vendor/theme/Vendor_Module/web/Images/filename.png或app/code/Vvendor/Module/view/frontend/web/Images/filename中的图像

<img src="<?= $this->getViewFileUrl('Vendor_Module::images/filename.png'); ?>"> //phtml
<img src="{{view url='Vendor_Module::images/image.png'}}"/> //cms block/ cms page

2. 供应商/theme/web/Images/filename.png中的图像

<img src="<?= $block->getViewFileUrl('images/filename.png'); ?>" /> //phtml
<img src="{{view url='images/image.png'}}"/> //cms block/ cms page