Cara membuat upload foto dengan php

Question

Halo teman – teman semuanya berjumpa lagi dengan saya Asrul Puadi. Saya salah satu kontributor di SistemIT.com. Kali ini saya akan membagikan tutorial serta script code/kodingan pemrograman PHP mengenai upload gambar dan menyimpannya kedalam database MYSQL. Bagi teman – teman yang ingin mencari kodingannya dipersilahkan mencomotnya ?.

Upload Gambar dengan PHP dan MYSQL

Untuk mengikuti tutorialnya sebaiknya kita tidak mengcopynya secara langsung melainkan menulisnya kembali. Kita harus membiasakan menulis kode program agar bisa memahami alur dari kode program tersebut.

Untuk editor kode program saya menggunakan Visual Studio Code. Bagi teman – teman yang ingin mengetahui cara menginstall Visual Studio Code, teman – teman bisa mengunjungi tutorial berikut ini : Cara Install Editor Kode Program Terpopuler Visual Studio Code

ROOT93 - Teknik yang digunakan dalam upload di PHP mungkin bisa berbeda – beda, namun pada dasarnya proses yaitu sama, file yang di upload oleh user di validasi terlebih dahulu sebelum disimpan, kemudian bila sudah sesuai dengan ketentuan yang kita inginkan maka file gambar ataupun foto ditampilkan, umumnya validasi yang dilakukan bisa meliputi pemeriksaaan format gambar, ukuran gambar bahkan juga memeriksa rasio gambar berdasarkanukuran pixelnya (px).

Baca juga : Upload, Tampil dan Delete Gambar di PHP Part II (New)

Kali ini Saya ingin sedikit memberikan contoh yang sangat sederhana bagaimana teknik upload, menampilkan dan delete gambar menggunakan PHP. Teknik upload gambar yang saya lakukan disini meliputi ketentuan / validasi seperti berikut

Bila ukuran Gambar lebih besar dari 1MB atau 1000000 bytes [baca : ] maka gambar tidak akan bisa di upload
Bila format file yang dikirim bukan gambar JPG, JPEG, GIF atau PNG maka file juga tidak akan disimpan
File yang berhasil melewati proses validasi diatas, maka file gambarnya akan di rename terlebih dahulu kemudian di simpan di folder gambar website yang sudah di buat sebelumnya
Selanjutnya file gambar/foto yang sudah di rename akan disimpan didalam database dalam bentuk nama gambarnya saja, bukan file secara langsung, karena filenya sudah disimpan di folder gambar website
Ketika file gambar/foto akan ditampilkan maka nanti user bisa melakukan query seperti biasa, hanya pada saat menampilkan gambarnya disertai dengan path/tempat dimana folder gambar disimpan
Terkahir adalah proses delete gambar, menghapus dari database dan dari folder website tempat dimana gambar tersimpan menggunakan perintah unlink

Upload, Tampil dan Delete Gambar di PHP

Untuk membuat halaman upload, tampil dan delete gambar kita memerlukan beberapa file diantaranya, file untuk koneksi ke database, form untuk upload gambar, file untuk memproses/validasi gambar, file untuk menampilkan gambar, dan untuk mendelete gambar. Tapi sebelumnya buat dulu sebuah folder dengan nama ‘gambar’ pada folder projek website Anda.

Jadi disini ceritanya Saya ingin membuat sebuah halaman website yang nantinya menampilkan data nama dan foto siswa maka langkah pertama yang harus Saya lakukan adalah sebagai berikut

#1 Buat Database

Buat database terlebih dahulu misal dengan nama ‘foto’ selanjutnya buat tabel dengan nama misal ‘namasiswa’. Untuk strukturnya nanti kurng lebih seperti berikut :

Id (int) 13 auto_increment

Nama (varchar) 30

Foto (varchar) 5000

#2 Buat Koneksi ke Database

Seperti pada umumnya untuk bisa melakukan operasi ke database MySQL maka kita memerlukan sebuah file untuk koneksi ke database

Script koneksi.php

<?php
$host="localhost";
$user="root";
$pass="";
$db="foto";
$koneksi=@mysql_connect($host,$user,$pass);
if(!$koneksi){
 echo "Gagal koneksi=".mysql_error();
 exit();
}
//memilih database
$milih=@mysql_select_db($db,$koneksi);
if(!$milih){
 exit("Gagal memlih database:".mysql_error());

}
?>

#3 Buat form untuk input gambar/foto

Pada langkah ketiga ini kita harus menyediakan halaman atau antar muka kepada user untuk melakukan proses upload data gambar/foto. Form untuk upload gambar ini tidak seperti form untuk upload data biasa, sehingga nanti bentuk penulisan formnya sebagai berikut

Script input_foto.php

<html>
<head>
<title>Upload Gambar</title>
</head>
<body>
<form method="post" action="proses.php" enctype="multipart/form-data">
<table>
<tr>
<th colspan="2">SIMPAN & TAMPIL GAMBAR</th>
</tr>
<tr>
<td>Masukan Nama</td>
<td>Pilih Foto</td>
</tr>
<tr>
<td><input type="text" name="nama" id="nama" placeholder="masukan nama" required=""></td>
<td><input type="file" name="foto" id="foto" required=""></td>
</tr>

<tr>
<td>&nbsp;</td>
<td><input type="submit" name="kirim" id="kirim" value="SIMPAN"></td>
</tr>
</form>

</body>
</html>

#4 Buat file untuk validasi gambar / foto yang di upload

Seperti yang sudah Saya jelaskan sebelumnya bahwasanya nanti saat user melakukan upload gambar, maka gambar yang akan di upload tersebut akan di periksa terlebih dahulu. Proses pemeriksaan tersebut meliputi, jenis file yang di upload, dan ukuran file yang di upload. Bila sudah sesuai ketentuan maka halaman akan memproses untuk langsung menyimpan gambar

Script proses.php

<?php
include('koneksi.php');
$aran=$_POST['nama'];
$nama=true;
if($_POST['nama']==""){
 echo "nama masih kosong";
$nama=false;
}
$cek=($nama)?true:false;
//cek jika benar
if($cek==true){

 //menyiapkan validasi gambar yang akan di upload
 $file=$_FILES['foto']['name'];
 $tmp_dir=$_FILES['foto']['tmp_name'];
 $ukuran=$_FILES['foto']['size'];

 
//
 $direktori='gambar/'; //path tempat simpan
 $ektensi=strtolower(pathinfo($file, PATHINFO_EXTENSION)); //dapatkan info gambar
 $valid_ektensi=array('jpeg','jpg','png','gif'); //ektensi yang dibloehin
 $gambar=rand(1000,1000000).".".$ektensi;
 
//mulai validasi
//cek ektensi gambar
if(in_array($ektensi, $valid_ektensi)){

 //cek ukuran gambar
 if(!$ukuran < 1000000) { //jika lebih
  move_uploaded_file($tmp_dir, $direktori.$gambar);
  //simpan dan buat query
  $perintah=sprintf("INSERT INTO namasiswa VALUES('null','%s','$gambar')",
   $_POST['nama'],'$gambar');
 $query=@mysql_query($perintah,$koneksi);
 //validasi query

 if(!$query){
  echo "Gagal menyimpan:".mysql_error();
 }else{

  echo "Berhasil disimpan<br/>";
  echo "Nama $aran <br/> <img src='$direktori$gambar' height='200'> 
  <br/>berhasil disimpan
  <br><a href='tampil_foto.php'>Lihat Halaman Berikutnya</a>";
  }
 }
 else{
  echo "Gambar kegedean <br/>
  <a href='input_foto.php'>Kembali</a>";
 }
}
else{
 echo "Gambar yang koe upload ora sesuai<br/>
 <a href='input_foto.php'>Kembali</a>";
}
}



?>

Ketika script proses.php berhasil di eksekusi maka nanti kurang lebih akan tampil seperti berikut

#5 Menampilkan gambar

Foto yang berhasil diupload maka akan disimpan kedalam sebuah halaman. Disini halaman yang Saya buat untuk menampilkan gambar adalah tampil_foto.php, nanti foto – foto yang berhasil di upload kurang lebih akan terlihat seperti berikut

Data gambar yang tersimpan di database hanya berupa nama gambarnya saja, sedangkan file gambar/foto yang sebenarnya tersimpan di folder ‘gambar’ website.

Sehingga nanti pada saat proses untuk menampilkan gambar maka dalam data perulangan while denganan mysql_fetch_array perlu disertakan path/folder tempat dimana gambar disimpan

Baca : Contoh Script PHP Untuk Menampilkan Data Dalam Database

Contoh :

<img src="gambar/<?php echo $data['foto'];?>" width="60" height="80">

img src=gambar merupakan folder dengan nama ‘gambar’

<?php echo $data['foto'];?> merupakan perintah untuk mengambil nama gambar yang tersimpan di DB

Script tampil_foto.php

<?php
include('koneksi.php');
$perintah="SELECT * FROM namasiswa order by id desc";
$query=@mysql_query($perintah,$koneksi);
?>
<html>
<head>
<title>Halaman Tampil Foto</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th colspan="4">MENAMPILKAN FOTO / <a href="input_foto.php">TAMBAH DATA</a></th>
</tr>
<tr>
<td>NO</td>
<td>NAMA</td>
<td>FOTO</td>
<td>DELETE</td>
</tr>
<?php
while($data=mysql_fetch_array($query)){
?>
<tr>
<td><?php echo $data['id'];?></td>
<td><?php echo $data['nama'];?></td>
<td align="center"><img src="gambar/<?php echo $data['foto'];?>" width="60" height="80"></td>
<td colspan="2"><a href="delete.php?del=<?php echo $data['id']?>">DELETE</a></td>
<!--path gambarnya sertakan-->
</tr>
<?php }?>
</table>

</body>
</html>

#6 Delete Foto dari database dan folder gambar

Untuk mendelete data dari database Anda bisa menggunakan perintah delete from…… sedangkan nanti untuk proses mendelete data gambarnya Anda perlu memlih databasenya terlebih duhulu kemudian dipecah dengan mysql_fetch_array. Bila sudah seperti itu selanjutnya jalankan perintah unlink yang didepannya disertai dengan parameter path/folder dimana gambar tersimpan

Baca : Menghapus File Gambar Pada Database dan Folder Website

Nanti pada script tampil_foto.php Anda buat link yang mengarah ke file delete.php dan kemudian menyimpan variabel data yang bersangkutan.

Contoh :

<a href="delete.php?del=<?php echo $data['id']?>">DELETE</a>

del=<?php echo $data['id'] merupakan nama variabel yang menyimpan data yang bersangkutan kemudian nanti pada halaman file delete.php akan menyimpan varibel yang tersimpan tersebut menggunakan perintah $_GET

script delete.php

<?php
include('koneksi.php');
$del=$_GET['del'];
$perintah1=sprintf("delete from namasiswa where id=%d",$del); //query untuk delete
$perintah2="SELECT * FROM namasiswa where id='$del'"; //wuery untuk pilih db dulu
$a=@mysql_query($perintah2,$koneksi); //simpan query ke variabel $a
$b=mysql_fetch_array($a); //selanjutnya pecah data dan simpan ke variabel $b
unlink("gambar/$b[foto]"); //sekarang jalankan perintah unlink untuk hapus gambar dari folder, ambil data dan didepannya ditambahkan paramter tempatt dimana folder gambar tersimpan
$del2=@mysql_query($perintah1,$koneksi); //query untuk mendelete data di database
if($del2){
 echo "Gambar berhsil dihapus<br/>
 <a href='tampil_foto.php'>Kembali</a>";
}else{
 
 echo "Gagal koneksi=".mysql_error();
}
?>

Jadi kurang lebih seperti ituloah proses upload, tampil dan delete gambar menggunakan PHP. Mungkin untuk validasi gambar berdasarkan resolusi pixel (px) lebar dan panjang (px) akan dibahas pada artikel berikutnya.

Video Membuat Halaman Upload, Tampil dan Delete Foto Menggunakan PHP

Liat juga contoh lainnya : Update dan Unlink gambar di PHP

PLEASE SHARE

Share it Share it Tweet Share it Pin it

Ahmad Zaelani

Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simpel

kode php

Cara membuat upload foto dengan php

Upload Gambar dengan PHP dan MYSQL

Pos Terkait

Periklanan

BERITA TERKINI

Toplist Popular

Periklanan

Terpopuler

Token Data

Periklanan

Tentang Kami

Legal

Dukungan

Social