magento 2: Saya ingin menampilkan gambar dalam file templat modul modul

21

Saya ingin menampilkan gambar dalam file templat modul. Ketika seseorang memasang modul saya, dia dapat melihat gambar itu. Bisakah saya menyimpan gambar saya di dalam direktori modul saya atau tidak?

magento-2.0 phtml Ankush Chauhan
sumber
Ohoo ankush bhai magento2
Amit Singh

Jawaban:

33

Ya, Anda dapat menyimpan gambar di direktori web modul Anda tergantung pada area templat Anda. Path-nya adalah: Vendor / Module / view / {frontend | adminhtml} / web / images /

Kemudian dalam file * .phtml Anda, Anda dapat menampilkan gambar:

<img src="<?php echo $this->getViewFileUrl('Vendor_Module::images/image.png'); ?>" />
Miroslav Petroff
sumber
Jika saya menginginkan url dalam helper, bagaimana saya bisa mendapatkannya? atau dalam file js?
Nitesh
Dalam helper Anda bisa menyuntikkan \Magento\Framework\View\Result\PageFactorykelas di konstruktor Anda sebagai $pageFactorydan kemudian memanggil $pageFactory->getViewFileUrl()metode. Untuk file js saya tidak tahu bagaimana Anda bisa mendapatkannya.
Miroslav Petroff
1

Saya suka base-64 mengkodekan PNG saya dan inline mereka. Saya menggunakan https://www.base64-image.de .

        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ....=">
ChristianTL
sumber
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'); ?>"
        }
    }
}

Anda akan menggunakan skrip inisialisasi widget magento untuk memulai javascript Anda dengan opsi "imagename" yang ditentukan. Teknik inisialisasi ini biasanya dilakukan dalam file phtml. Kode saya menganggap gambar Anda ada di Vendor / Module / view / {frontend | adminhtml} / web / images /

Untuk informasi lebih lanjut, Anda dapat melihat dokumentasi magento 2. http://devdocs.magento.com/guides/v2.1/javascript-dev-guide/javascript/js_init.html

Amad
sumber