Mendapatkan tag img dalam string HTML

Mendapatkan tag img dalam string HTML

355
0
SHARE

Halo pembaca yang budiman. Kali ini saya akan membahas tentang bagaimana mendapatkan tag img dalam string HTML.

Maksudnya apa sih ? Berikut ini saya memiliki tampilan utama berita yang dilengkapi dengan gambar sebagai thumbnail.

img tag html

Saat saya klik baca, berikut adalah tampilan beritanya.

berita

Bila anda perhatikan gambar thumbnail tersebut saya ambil langsung dari isi artikel tanpa upload gambar secara terpisah. Tidak peduli dimanapun posisi gambar saya dalam artikel, saya bisa mendapatkan gambar tersebut. Sebagai informasi artikel tersebut ditulis dengan wysiwyg.

Pertanyaannya adalah bagaimana caranya mendapatkan tag img dalam string HTML ? Untuk mendapatkan gambar dalam string HTML kita bisa melakukannya dengan beberapa cara. Yang paling sederhana kita bisa menggunakan preg_match().

Berikut ini adalah contoh mendapatkan gambar pertama dari artikel dengan preg_match().
Fungsi mendapatkan gambar pertama

Contoh penggunaan :

Perhatikan bahwa string artikel memiliki 2 tag img dengan src yaitu marquez.jpg dan jerez.jpg. Dengan fungsi di atas anda akan mendapatkan img pertama yaitu marquez.jpg.

Kelemahan dari fungsi tersebut yaitu tidak akan mendapatkan gambar yang atribute src nya menggunakan single quote. Namun anda tidak perlu khwatir karena pada umumnya wysiwyg selalu menggunakan double quote untuk src.

Sangat mudah bukan. Anda tidak perlu upload file terpisah untuk membuat thumbnail artikel anda. Selain hemat space, tentu akan lebih memudahkan pengguna dalam menambah artikel.

Cara kedua yaitu cara yang lebih advance, silahkan baca disini.

Terima kasih atas kunjungan anda ke harviacode. Mohon share dan like bila bermanfaat. Terima kasih.

Bagikan artikel ini ya.. terima kasih

NO COMMENTS

LEAVE A REPLY