magento 2 : 모듈 템플릿 phtml 파일에 이미지를 표시하고 싶습니다

21

모듈 템플릿 파일에 이미지를 표시하고 싶습니다. 누군가 내 모듈을 설치하면 해당 이미지를 볼 수 있습니다. 모듈 디렉토리에 이미지를 저장할 수 있습니까?

magento-2.0 phtml

— 안쿠 쉬 차우 한
소스

Ohoo ankush bhai magento2

— Amit Singh

33

예, 템플릿 영역에 따라 이미지를 모듈 웹 디렉토리에 저장할 수 있습니다. 경로는 공급 업체 / 모듈 / view / {frontend | adminhtml} / web / images /입니다.

그런 다음 * .phtml 파일에서 이미지를 표시 할 수 있습니다.

<img src="<?php echo $this->getViewFileUrl('Vendor_Module::images/image.png'); ?>" />

— 미로슬라프 페트로프
소스

도우미에서 해당 URL을 원하면 어떻게 얻을 수 있습니까? 또는 js 파일에서?

— Nitesh

도우미 \Magento\Framework\View\Result\PageFactory에서 생성자에 클래스를 삽입 $pageFactory한 다음 $pageFactory->getViewFileUrl()메소드 를 호출 할 수 있습니다 . js 파일의 경우 어떻게 얻을 수 있는지 잘 모르겠습니다.

— Miroslav Petroff

1

PNG를 base-64로 인코딩하고 인라인합니다. https://www.base64-image.de 사용 합니다.

        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ....=">

— ChristianTL
소스

0

<script type="text/x-magento-init">
{
    <?php /* this defines the target of the widget */ ?>
    "#target_id": {
        <?php /* this defines the widget */ ?>
        "image.widget.name": {
            "imagename" : "<?php echo $this->getViewFileUrl('Vendor_Module::images/image.png'); ?>"
        }
    }
}

magento의 위젯 초기화 스크립트를 사용하여 정의 된 "imagename"옵션으로 자바 스크립트를 시작하십시오. 이 초기화 기술은 일반적으로 phtml 파일에서 수행됩니다. 내 코드는 이미지가 Vendor / Module / view / {frontend | adminhtml} / web / images /에 있다고 가정합니다.

자세한 내용은 magento 2 설명서를 참조하십시오. http://devdocs.magento.com/guides/v2.1/javascript-dev-guide/javascript/js_init.html

— 아마드
소스