Cara Mudah Upload 2 Gambar Sekaligus di PHP


Dalam kesempatan sebelumnya root93.co.id sudah menjelaskan tentang bagaimana cara update dan unlink gambar di PHP, nah pada kesempatan ini root93.co.id akan menjelaskan tentang bagaimana cara upload 2 gambar atau lebih di PHP.

Secara teknis ada tiga hal penting yang biasanya saya lakukan dalam membuat form upload gambar/foto
  1. File gambar/foto di validasi sebelum di upload
  2. File Gambar disimpan di Folder Server
  3. Nama file gambar direname secara random terlebih dahulu, lalu disimpan ke database
Jadi dalam database, atau kolom tabel ada kolom yang dipersiapkan untuk menampung nama gambar/foto yang akan disimpan.

Pertanyaannya sekarang bagaimana kita bisa mengupload 2 gambar atau lebih secara bersamaan menggunakan PHP ?

Caranya hampir sama seperti pada artikel sebelumnya tentang update dan unlink gambar di PHP, walaupun mungkin disini yang ditekankannya adalah tentang bagaimana upload 2 gambar/foto lebih secara sekaligus tapi secara teknis penulisan kode caranya memang sama, hanya tinggal ditambah validasinya dan ditambah untuk bagian kolom foto di databasenya.

Berikut ini adalah Cara Mudah Upload 2 Gambar Sekaligus di PHP

#1 Buat dulu database
Buat database misal, dengan nama data_janda, kemudian buat tabel  dengan data – data misa : id - integer(13) nama_janda – varchar (30) foto – varchar  (5000) foto2 – varchar  (5000)

#2 Buat Koneksi ke Database
<?php
define('DB_SERVER', 'localhost');
define('DB_USERNAME', 'root');
define('DB_PASSWORD', '');
define('DB_NAME', 'data_janda');
$koneksi = mysqli_connect(DB_SERVER, DB_USERNAME, DB_PASSWORD, DB_NAME);
if($koneksi === false){
    die("ERROR: Could not connect. " . mysqli_connect_error());
}
?>


#3 Buat Halaman Upload Gambar
<?php
include ('koneksi.php');
$nama_janda = $foto_janda = $foto_anak = "";
$nama_janda_err = $foto_janda_err = $foto_anak_err = "";
if($_SERVER["REQUEST_METHOD"] == "POST"){
if(empty(trim($_POST['nama_janda']))){
$nama_janda_err="Nama janda harap diisi";
}else{
$nama_janda=$_POST['nama_janda'];
$nama_janda=mysqli_real_escape_string($koneksi, $nama_janda);
}
//validasi foto 1
$imgFile = $_FILES['foto_janda']['name'];
$tmp_dir = $_FILES['foto_janda']['tmp_name'];
$imgSize = $_FILES['foto_janda']['size'];

$upload_dir = 'gambar/';
$imgExt = strtolower(pathinfo($imgFile,PATHINFO_EXTENSION)); 
$valid_extensions = array('jpeg', 'jpg', 'png', 'gif'); 
$itempic = rand(1000,1000000).".".$imgExt; //rename secara random
//cek data
if (!empty($_FILES["foto_janda"]["tmp_name"])){
//cek ektensi
if(in_array($imgExt, $valid_extensions)){    
//cek besar       
if(!$imgSize < 2000000){
//jika benar upload gambar ke direktori
$foto_janda=move_uploaded_file($tmp_dir,$upload_dir.$itempic);
}else{
$foto_janda_err="Maaf file foto terlalu besar"; 
} 
}else{
$foto_janda_err="Maaf Ektensi Foto tidak sesuai";
}
}else{
$foto_janda_err="Maaf Anda belum memilih foto janda";  
}

//validasi foto 2
$imgFile = $_FILES['foto_anak']['name'];
$tmp_dir = $_FILES['foto_anak']['tmp_name'];
$imgSize = $_FILES['foto_anak']['size'];

$upload_dir = 'gambar/';
$imgExt = strtolower(pathinfo($imgFile,PATHINFO_EXTENSION)); 
$valid_extensions = array('jpeg', 'jpg', 'png', 'gif'); //cek valif ektensi
$itempic2 = rand(1000,1000000).".".$imgExt; //rename secara random

//cek data
if (!empty($_FILES["foto_anak"]["tmp_name"])){
//cek ektensi
if(in_array($imgExt, $valid_extensions)){    
//cek besar       
if(!$imgSize < 2000000){
//jika benar upload gambar ke direktori
$foto_anak = move_uploaded_file($tmp_dir,$upload_dir.$itempic2);
}else{
$foto_anak_err="Maaf file foto terlalu besar"; 
} 
}else{
$foto_anak_err="Maaf Ektensi Foto tidak sesuai";
}
}else{
$foto_anak_err="Maaf Anda belum memilih foto janda";    
}
// cek semua data apakah ada yang error atau tidak bila tidak proses lanjutkan

    if(empty($nama_janda_err)&& empty($foto_janda_err) && empty($foto_anak_err)){
     
     //foto di upload jika semua sudah selesai di validasi
     echo "$foto_janda $foto_anak";  //upload pindahkan file ke server   

        // Prepare an insert statement
        $sql = "INSERT INTO t_janda (nama_janda, foto, foto2) VALUES (?, ?, ?)";
                 if($stmt = mysqli_prepare($koneksi, $sql)){
            // Bind variables to the prepared statement as parameters
            mysqli_stmt_bind_param($stmt, "sss", $param_nama_janda, $param_foto, $param_foto_anak);
            
            // Set parameters
            $param_nama_janda = $nama_janda ;
            $param_foto = $itempic;
            $param_foto_anak = $itempic2;

            // Attempt to execute the prepared statement
            if(mysqli_stmt_execute($stmt)){
                // Redirect 
               echo "Berhasil nyimpan data <img src='gambar/$param_foto' height='60'>";
                echo "<meta http-equiv=\"refresh\"content=\"2;URL=tampil.php\"/>";
            } else{
                echo "Gagal menyimpan data";
                
            }
        }
         
   // Close statement
   mysqli_stmt_close($stmt);
    }
    mysqli_close($koneksi);
//end method post
}
?>
<html>
<head>
<title>Upload Gambar - ROOT93.CO.ID</title>
</head>
<body>
<div>
<br/>
<br/>
<br/>
<form role="form" method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>" enctype="multipart/form-data">
<input type="text" size="25" required="" maxlength="30" minlength="2" name="nama_janda" placeholder="Masukan nama janda">
<input type="file" name="foto_janda" id="foto_janda">
<input type="file" name="foto_anak" id="foto_anak"><br/>
<input type="submit" value="Simpan">
</form>
</div>
<p><?php echo $nama_janda_err;?></p>
<p><?php echo $foto_janda_err;?></p>
<p><?php echo $foto_anak_err; ?></p>

</body>
</html>


#4 Buat Halaman untuk menampilkan gambar
<?php
include('koneksi.php');

$awal=0;
$perintah="SELECT * FROM t_janda";
$query=mysqli_query($koneksi, $perintah);

?>
<html>
<head>
<title>Update Gambar - ROOT93.CO.ID</title>
</head>
<body>
<table width="500" border="1" >
<tbody>
<tr>
<th>No</th>
<th>Nama Janda</th>
<th> Foto</th>
<th> Foto Anak</th>
<th>Action</th>
</tr>
<?php //Perulangan 
$no=$awal+1;
while($data=mysqli_fetch_array($query)) {                     
?>
<tr>
    <td><?php echo $no;?></td>
    <td><?php echo $data['nama_janda'];?></td>
    <td><img src="gambar/<?php echo  $data['foto']; ?>" width="60" height="80"/></td>
    <td><img src="gambar/<?php echo  $data['foto2']; ?>" width="60" height="80"/></td>
    <td><a href="update-gambar.php?update=<?php echo $data['id']; ?>">UPDATE</a></td>
</tr>
   
</tr>
 <?php $no+=1;  } ?>
</tbody>
</table>
</body>
</html>



Jadi kurang lebih seperti itulah Cara Mudah Upload 2 Gambar Sekaligus di PHP yang bisa disampaikan oleh root93.co.id. Untuk penjelasan tentang code, bisa dilihat didalam script PHP yang saya tulis diatas.

halaman upload
Halaman Upload. Sumber root93

Cara Mudah Upload 2 Gambar Sekaligus di PHP
Menampilkan data gambar. Sumber root93

Catatan Tambahan
Kalian bisa saja mengeksekusi variabel gambar yang move_uploaded_file didalam percabangan eksekusi terakhir pada bagian ini if(mysqli_stmt_execute($stmt)){ sehingga nanti menjadi seperti ini if(mysqli_stmt_execute($stmt)  && ($foto_janda)&& ($foto_anak)){

5 Responses to "Cara Mudah Upload 2 Gambar Sekaligus di PHP "

  1. saya buat gak jalan
    apa salah databasenya ya

    ReplyDelete
  2. terima kasih min, pencerahannya, semoga sehat selalu

    ReplyDelete
  3. data tidak masuk ke database, lalu tidak muncul error apa-apa bagaimana ya

    ReplyDelete

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin