Males Ngoding

Media Sharing Informasi Bahasa Pemrogramman

Membaca Gambar dari Sebuah Isi Artikel Menggunakan PregMatch

Agung Sucipto 22.43 , , , , , , , , Tidak ada komentar
Hallo Sahabat, Ini Tutorial Perdana saya. Saya akan sedikit mengangkat sebuah masalah klasik, khususnya untuk para developer website yang membuat web berita tutorial dan sejenisnya yang selalu menggunakan thumbnail gambar dari berita tersebut. Seperti pada blogspot, ketika isi dari sebuah berita ada gambar, maka gambar tersebut akan menjadi thumbnail dari list berita utama. Pasti Sahabat sekalian bertanya-tanya bagaimana bisa mengambil gambar dari isi sebuah artikel.
Sebelum membuat sebuah fungsi yang dapat mendeteksi keberadaan gambar dari sebuah artikel, baiknya kita mereview kembali fungsi-fungsi yang akan kita gunakan.
preg_match(POLA,SUMBER,OUTPUT);
dari fungsi diatas mengandung 3 paramete yaitu:
  • Pola : Sebagai Pola Untuk Pencocokan String
  • Sumber : String yang akan di cocokan terhadap pola
  • Output : Keluaran / Hasil Pencocokan Pola
lalu langkah berikutnya membuat pola untuk mendeteksi gambar pada sebuah artikel :
preg_match("/src=\"(.+)\"/",$text,$cocok);
pada baris kode diatas saya membuat 3 paramete, yang pertama untuk Pola, saya mengasumsikan jika sebuah situs berita menggunakan Rich Text Editor Seperti TinyMce dan Sebagainya, pasti yang akan disimpan dalam database adalah tag-tag html, untuk itu saya berkesimpulan untuk gambar pasti akan ada sebuah tag IMG sebagai berikut :
<img src="lokasi_gambar" ... />
dengan pola gambar yang berbeda-beda maka saya mengambil sebuah pola yang umum yaitu src="", karena pada tag html untuk bagian body tidak ada yang lain selain gambar menggunakan atribut tersebut
untuk itu pola diatas disesuaikan untuk pencocokan string dengan model src="(apapun isi dari src)".
$text itu sebagai variable inputan, $cocok itu sebagai variable hasil.

Setelah membuat pola dan pencocokan, langkah berikutnya adalah melakukan pembersihan string karena jika kita mengambil pola src=""  bisa jadi karekter setelah itu juga akan terambil, untuk itu keluaran harus diperiksa kembali.
$patern= explode("\"",$cocok[1]);
$img = str_replace("\"/>","",$patern[0]);
$img = str_replace("../","",$img);
$img = str_replace("/>","",$img);
hasil keluaran yang berisi dari fungsi pregmatch adalah array dengan index 1, untuk itu string yang akan di proses menggunakan fungsi explode berdasarkan tanda ", untuk mengambil URL dari image terssebut, kemudian dilakukan pembuangan tang img "/> dan sejenisnya sehingga hasil keluaran yang diinginkan adalah URL dari image tersebut.

Skrip Lengkapnya sebagai berikut :
function cek_img_tag($text)
{ //membuat auto thumbnails
preg_match("/src=\"(.+)\"/",$text,$cocok);
$patern= explode("\"",$cocok[1]);
$img = str_replace("\"/>","",$patern[0]);
$img = str_replace("../","",$img);
$img = str_replace("/>","",$img);
if($img=="") { $img=""; }
else
{ $new='<img src="'.$img.'"/>'; $img=$new; }
return $img; } 
untuk menjalankan fungsi tersebut hanya sebagai beikut :
cek_img_tag('tutorial membuat thimbnail berita dengan php <img src="www.jagocoding.com/image.jpg"/>sangat menyenangkan dan mudah dimengerti');


maka hasil keluarannya adalah
<img src="www.jagocoding.com/image.jpg"/>.

Mudah bukan???Ketemu Lagi Di Postingan Berikutnya Salam Programmer


Download Code

Tidak ada komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )

Latest Post

Memuat...