Laravel-Dompdf Image not found or type unknown - Rumah IT

Baru

recent

Laravel-Dompdf Image not found or type unknown

Laravel-Dompdf Image not found or type unknown

Saya mengalami masalah ini selama 3 hari sekarang, tidak dapat menampilkan gambar di pdf (menggunakan dompdf), saya hanya ingin mengambil gambar secara lokal menggunakan XAMPP di MAC, gambar (goku.jpg) terletak di dalam folder htdocs/images, sudah mengatur opsi, saya kira masalahnya ada pada jalur di src, mencoba semuanya tetapi masih tidak muncul. Saya menggunakan laravel versi 10 dan menggunakan library barryvdh/laravel-dompdf.



Permasalahan :

Jika anda menggunakan library barryvdh/laravel-dompdf pada laravel dan menjalankan di lokal server seperti XAMPP, masalah Image not found or type unknown memang kerap kali muncul. Padahal path gambar sudah diarahkan sesuai lokasinya dan type gambar juga termasuk dalam type yang diizinkan.

Laravel-Dompdf Image not found or type unknown

Solusi :

Sepertinya dompdf memang tidak bisa merender gambar menjadi pdf ketika kita menjalankan program di local server. Hal ini dibuktikan ketika saya mencoba menjalankan di server hosting, dompdf berhasil merender gambar ke pdf sesuai dengan pathnya.

Alternatif jika anda memang ingin agar dompdf bisa menampilkan gambar di localhost adalah dengan mengubah gambar menjadi format base64. Jadi misal gambar sebelumnya :

<img src="{{ base_path() }}/location/to/image/image.png" />

Ubah menjadi base64. Anda bisa menggunakan alat image to base64 secara online untuk mengubah gambar terlebih dahulu. Sehingga kodenya menjadi seperti ini :

<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAAABJRU5ErkJggg==" alt="Contoh" />

Namun cara ini mempunyai kekurangan yaitu hanya untuk gambar statis saja. Untuk gambar yang bersifat dinamis semisal menampilkan gambar berdasarkan variable ID user, maka cara ini tidak bisa dilakukan.
All Rights Reserved by Rumah IT - Rumah Teknologi Informasi © 2013 - 2022
Powered By Blogger

Contact Form

Name

Email *

Message *

Powered by Blogger.