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";
}
?>
Tidak ada komentar:
Posting Komentar