DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Menggunakan PHP untuk membuat halaman web yang dinamis seringkali melibatkan penampilan gambar. Kamu mungkin berpikir bahwa untuk menampilkan gambar pada website PHP perlu menggunakan database. Padahal, ada cara mudah untuk melakukannya tanpa perlu database. Ikuti langkah-langkah berikut untuk menampilkan gambar di PHP.
Pertama-tama, kamu perlu menyiapkan direktori pada server tempat kamu akan menyimpan file gambar yang ingin ditampilkan. Misalkan kita membuat direktori bernama images
di dalam folder project PHP kamu.
Sebelum menampilkan, simpan terlebih dahulu gambar-gambar yang ingin ditampilkan ke dalam direktori images
yang telah kamu buat. Gambar bisa dalam format apapun seperti .jpg
, .png
, atau .gif
.
Buka file PHP tempat kamu ingin menampilkan gambar, dan gunakan tag <img>
untuk memasukkan gambar.
Contoh kode untuk menampilkan satu gambar:
echo '<img src="images/nama-gambar.jpg" alt="Deskripsi Gambar">';
Ganti nama-gambar.jpg
dengan nama file gambar yang sebenarnya yang kamu simpan di direktori images
.
Jika kamu ingin menampilkan banyak gambar sekaligus, menggunakan perulangan adalah cara yang praktis. Misalnya, kamu memiliki beberapa file gambar dalam direktori images
dan ingin menampilkannya semua.
Contoh menggunakan perulangan foreach
:
$folder = 'images';
$gambar = scandir($folder);
foreach($gambar as $img){
if($img !== "." && $img !== ".."){
echo '<img src="'.$folder.'/'.$img.'" alt="Deskripsi Gambar">';
}
}
Dalam kode di atas, fungsi scandir
digunakan untuk membaca isi direktori dan kemudian foreach
untuk me-loop melalui setiap file. Periksa dua file khusus, "."
dan ".."
, yang tidak perlu ditampilkan.
Saat menampilkan gambar, jangan lupa untuk menambahkan atribut alt
yang berisi deskripsi gambar untuk mendukung SEO. Deskripsi ini tidak hanya membantu mesin pencari memahami isi gambar, tetapi juga berguna bagi pengguna yang menggunakan screen reader.
Menampilkan gambar di PHP tanpa database sangatlah mungkin dan tidak terlalu rumit. Kamu hanya perlu menyimpan gambar ke dalam direktori yang tepat dan menulis kode PHP yang mengacu pada lokasi tersebut. Pastikan juga untuk selalu memberikan deskripsi pada atribut alt
tag <img>
untuk mendukung aksesibilitas dan SEO situs web kamu.
Dengan mengikuti langkah-langkah di atas, halaman web PHP kamu akan bisa menayangkan gambar-gambar dengan mudah tanpa perlu interaksi dengan database.
Link terkait: