Upload Multiple Gambar untuk Multiple field dengan PHP

Upload adalah sesuatu kegiatan untuk mengirim suatu file apa saja ke dalam suatu wadah penyimpanan. Kegiatan upload ini sudah menjadi hal umum dikalangan masyarakat. Mulai dari upload dokumen sampai upload foto profile. Dalam dunia website yang besar dengan memiliki banyak file, sudah menjadi suatu keharusan harus ada fitur upload. Sesuai dengan pembahasan kita kali, kita akan belajar bagaimana cara upload multiple gambar untuk multiple field dengan PHP. Multiple gambar yang dimaksud adalah ketika kita upload gambar banyak sekaligus dalam satu klik tombol saja.

Lalu multiple field ini adalah gambar yang kita upload disimpan sesuai dengan fieldnya masing-masing yg masih dalam satu baris inputan. Lalu bagaimana cara mengaplikasikan fungsi tersebut kedalam codingan ? Caranya cukup mudah. Sebelum mulai, ada baiknya kita tentukan terlebih dahulu field databasenya seperti apa, Misal dalam satu upload gambar kita ingin 3 buah saja. Maka databasenya harus disesuaikan, tidak boleh lebih atau kurang. Untuk mempersingkat waktu kalian bisa ikuti beberapa langkah berikut ini.

Pertama buat databasenya terlebih dahulu, sebagai contoh saya buat seperti ini.

upload-multiple-gambar-untuk-multiple-field-dengan-php-rangga1-220817

Lalu langkah selanjutnya buat tampilan upload dan fungsi phpnya seperti berikut.

form.html

<html>
	<head></head>
	<body>
		<form action="upload.php" method="POST" enctype="multipart/form-data">
			<input type="file" name="gambar[]" multiple>
			<br>
			<input type="submit" name="kirim" value="kirim">
		</form>
	</body>
</html>

upload.php

<?php 
	include "config.php";
	if (isset($_POST["kirim"])) {
		$jumlah = count($_FILES['gambar']['name']);
		if ($jumlah > 0) {
			$gambar = array();
			for ($i=0; $i < $jumlah; $i++) { 
				$file_name = $_FILES['gambar']['name'][$i];
				$tmp_name = $_FILES['gambar']['tmp_name'][$i];				
				move_uploaded_file($tmp_name, "img/".$file_name);
				$gambar[$i] = $file_name; 								
			}
			mysqli_query($conn,"INSERT INTO rangga_gambar VALUES('','$gambar[0]','$gambar[1]','$gambar[2]')");
			echo "Berhasil Upload";			
		}
		else{
			echo "Gambar tidak ada";
		}
	}
?>

Dan jangan lupa untuk menyisipkan perintah config database agar nanti dapat terhubung dengan mysqlnya.

config.php

<?php
global $conn;
$servername = "localhost";
$username = "dumet";
$password = "school";
$dbname = "webmaster";
 
 
$conn = mysqli_connect($servername,$username,$password,$dbname);
if (!$conn){
    die("Connection failed : ".mysqli_connect_error());
}
 
?>

Setelah sudah kalian simpan file diatas dengan nama sesuai pada judulnya. Jangan lupa untuk menyimpan file tersebut dalam satu folder. Langkah terakhir adalah buat folder baru dengan nama img untuk menampung gambar yang berhasil di upload. Kira-kira seperti ini struktur foldernya.

upload-multiple-gambar-untuk-multiple-field-dengan-php-rangga5-220817

Sekarang kita coba jalankan perintahnya.

upload-multiple-gambar-untuk-multiple-field-dengan-php-rangga2-220817

Lalu pilih gambar yang ingin kita upload. Maksimal hanya 3 saja.

upload-multiple-gambar-untuk-multiple-field-dengan-php-rangga3-220817

Jika berhasil maka akan seperti ini.

upload-multiple-gambar-untuk-multiple-field-dengan-php-rangga4-220817

Dan kalian bisa cek pada foldernya apakah gambarnya telah berhasil kita upload atau tidak.

upload-multiple-gambar-untuk-multiple-field-dengan-php-rangga7-220817

Dan didatabase akan terisi datanya seperti ini.

upload-multiple-gambar-untuk-multiple-field-dengan-php-rangga6-220817

Mudah bukan ?

Sekian pembahasan mengenai bagaimana cara upload multiple gambar untuk multiple field dengan PHP. Semoga bermanfaat.

DUMET School Author

DUMET School adalah tempat kursus website, kursus desain grafis, kursus digital marketing, kursus video editing dan kursus mobile apps terbaik di Jakarta dan Depok.