Oke langsung saja ya, sebelumnya kita buat dahulu databasenya.
Buat Database, beri nama Latihan dan kemudian masukkan perintah sql :
CREATE TABLE `latihan`.`dtImage` (
`id_image` INT( 11 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`nama_image` VARCHAR( 30 ) NOT NULL
) ENGINE = InnoDB`nama_image` VARCHAR( 30 ) NOT NULL
Lalu sekarang kita buat folder baru di htdocs untuk folder latihan ini dengan nama teknik_upload_image. Lalu pada folder teknik_upload_image, buat lagi folder dengan nama image. Folder image digunakan untuk tempat menyimpan file gambar yang telah kita upload.
Bila sudah buat 4 file yaitu index.php, proses_upload.php, view_image.php, fungsi_koneksi.php
Sekarang kita buat form untuk mengupload gambar pada file index.php. Berikut adalah sourcecodenya :
<html>
<head>
<title>Teknik Upload Gambar</title>
</head>
<form enctype="multipart/form-data" method="post" action="proses_upload.php">
<table align="center" border="0">
<tr>
<td colspan="2" align="center">Teknik Upload Gambar</td>
</tr>
<tr>
<td>Silahkan Tekan Tombol Browse Untuk mencari file yang ingin diupload</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="file" name="azmi"></td>
<td></td>
</tr>
<tr>
<td><input type="submit" name="tombol" value="Upload !"></td>
</tr>
</table>
<body>
</body>
</html>
Bila sudah sekarang kita buat code untuk koneksi ke database pada file fungsi_koneksi.php. Sengaja dibuat fungsi file terpisah agar praktis tinggal panggil nantinya. Berikut listing kodenya :
<?php
function koneksi_db(){
$host = "localhost";
$user = "root";
$pass = "password";
$db = "latihan";
$link = mysql_connect($host,$user,$pass);
mysql_select_db($db,$link);
if (!$link) {
echo "error : ".mysql_error();
}
return $link;
}
?>
Kode diatas hanya melakukan koneksi ke database, lalu hasilnya akan dikeluarkan apakah berhasil atau tidak dilihat dari variable $link.
Lalu sekarang kita buat proses uploadnya pada file proses_upload.php:
<?php
// code A
include("fungsi_koneksi.php");
// end of code A
// code B
$lokasi_file = $_FILES['azmi']['tmp_name'];
$tipe_file = $_FILES['azmi']['type'];
$nama_file = $_FILES['azmi']['name'];
$direktori = "image/$nama_file";
// end of code B
if (!empty($lokasi_file)) {
move_uploaded_file($lokasi_file,$direktori);
// code C
$koneksi = koneksi_db();
$sql = "insert into dtimage values (null,'$nama_file')";
$aksi = mysql_query($sql,$koneksi);
// end of code C
// code D
if (!$aksi) {
echo "maaf gagal memasukan gambar";
}else{
echo "gambar berhasil di upload<br>";
echo "untuk melihatnya silakan klik <a href='view_image.php'>Link ini</a>";
}
// end of code D
}else{
echo "terjadi kesalahan";
}
?>
Penjelasan Code pada file proses_upload.php :
- Code A : code untuk mengikutsertakan file fungsi_koneksi.php ke dalam file proses_upload.php dimana pada file proses_upload.php kita melakukan proses koneksi ke database.
- Code B : Proses Setting Operasi Upload, keterangan lebih jelas bisa dilihat pada artikel ini.
- Code C : Proses koneksi ke database.
- Code D : hanya proses validasi apabila koneksi ke database terjadi kegagalan.
<?php
include("fungsi_koneksi.php");
$koneksi = koneksi_db();
$sql = "select * from dtimage";
$aksi = mysql_query($sql,$koneksi);
echo "<table align='center' border='1'>
<tr>
<td>No</td>
<td>Gambar</td>
</tr>";
$no = 1;
while($data = mysql_fetch_array($aksi)):?>
<tr>
<td>
<?php echo $no; ?>
</td>
<td>
<center>
<img src="image/<?php echo $data['nama_image']; ?>" border="0"/>
</center>
</td>
</tr>
<?php
$no++;
endwhile;
?>
</table>
<br /><center><a href="index.php">Upload lagi</a></center>
sampai sini, semoga dimengerti. Sangat sederhana bukan, pada artikel berikutnya saya akan membahas tutorial PHP lainnya, insyAllah.
Semua File dapat anda download DISINI
Moga bermanfaat yang bingung cara menampilkan gambar dari gambar yang kita upload dengan bahasa PHP
Posting Komentar