Biasanya kalau kita membuat aplikasi yang menampilkan data karyawan atau sejenisnya, ada foto yang ditampilkan, nah gimana sih cara buat upload gambar atau foto ke server dan memasukkannya ke database MySQL menggunakan kode PHP. Yuk kita lihat tutorialnya.
Kode Upload Foto ke Server
Pada tutorial kali ini kita akan mengetahui bagaimana mengupload gambar ke server. Setelah diupload kita simpan nama file foto tersebut ke database. Jadi sebenarnya gambar gak di simpan di database tapi di folder di server. Lalu kita juga belajar bagaimana kode untuk menampilkan gambar yang telah kita upload tersebut. Misal kita punya tabel di MySQL yang kita beri namatabel galeri dengan struktur sebagai berikut.-- -- Table structure for table `galeri` -- CREATE TABLE IF NOT EXISTS `galeri` ( `id_foto` int(11) NOT NULL AUTO_INCREMENT, `deskripsi` varchar(200) NOT NULL, `file_gambar` varchar(200) NOT NULL, PRIMARY KEY (`id_foto`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;Lalu kita buat kode HTML untuk form upload gambar.
<html> <head> <title>Upload Foto</title> </head> <body> <form method="POST" enctype="multipart/form-data" action="upload.php"> Pilih File Foto:<br> <input type="file" name="file_foto" size="20"><br> <p> Keterangan : <br><input type="text" name="keterangan" size="50"></p> <p><input type="submit" value="Upload"> </form> </body> </html>Lalu kita buat kode PHP untuk upload file ke server dan menyimpan nama filenya ke database MySQL. upload.php
<?php //koneksi ke MySQL $koneksi = mysqli_connect("localhost","root",""); mysqli_select_db($koneksi, "test"); $keterangan = $_POST['keterangan']; $folder = "gambar"; $tmp_name = $_FILES["file_foto"]["tmp_name"]; $name = $folder."/".$_FILES["file_foto"]["name"]; //kode untuk upload ke folder gambar move_uploaded_file($tmp_name, $name); //masukkan datanya ke database $input = mysqli_query($koneksi, "INSERT INTO galeri VALUES(null,'$keterangan','$name')"); if($input){ //jika berhasil kita redirect ke halaman untuk menampilkan foto header("location: tampil.php"); }else{ echo "gagal"; } ?>Berikut kode untuk menampilkan foto yang kita upload ke server dan database tersebut.
<?php //koneksi ke MySQL $koneksi = mysqli_connect("localhost","root",""); mysqli_select_db($koneksi, "test"); $data = mysqli_query($koneksi,"SELECT * FROM galeri"); while($d = mysqli_fetch_array($data)){ echo "<img src=\"".$d['file_gambar']."\"><br>"; echo $d['deskripsi']."<p>\n"; } ?>Silahkan download source code
Sumber : Web Development - drzpost.com
No comments:
Post a Comment