Cara Membuat Multiple Upload Gambar – Kalau biasanya kita upload gambar satu persatu, kali ini akan kita coba menginputkan gambar melalui sebuah form namun dapat memilih gambar lebih dari satu. Mengupload file khususnya gambar dalam hal ini multiple, menerapkan teknik penyimpanan dalam array sebelum gambar di proses untuk di upload ke folder server. Untuk memilih gambar yang akan di upload dapat dengan menekan tombol ctrl (pada keyboard) + klik. Untuk konsep upload dengan teknik ini, bukan hanya bisa digunakan untuk gambar saja, tapi untuk file-file lain yaitu txt, doc,docx,xlx dan lainya.
Cara Membuat Multiple Upload Gambar
Beberapa tag yang perlu menjadi pertatian ketika kamu akan membuat form untuk upload file misalnya gambar seperti di bawah ini: 1. enctype=”multipart/form-data”, janga lupa memberikan atribut multipart/form-data pada form yang akan digunakan untuk mengupload file. Tag ini berguna untuk mengindikasi bahwa salah satu form yang adalalah berupa form input untuk upload. Lebih lengkapnya seperti ini:
<form action=”” method=”POST” enctype=”multipart/form-data”>
2. Type=”file” dan multiple, tipe inputan ini digunakan untuk menerangkan bahwa file yang akan di upload adalah berupa file. Baik itu gambar, dokumen atau file lainya. Gambaran form inputannya sebagai berikut:
<input type=”file” name=”foto[]” multiple>
Script php upload banyak gambar
Berikut script html berserta fungsi yang sudah saya buat untuk memudahkan pemakaiannya:
1. Form html upload gambar
<form action="" method="POST enctype="><form action="" method="POST enctype="multipart/form-data"> <label>Gambar</label> <input type="file" name="foto[]" multiple> <input type="submit" name="submit"> </form> </form>
2. Script upload Gambar
Script php untuk memproses upload banyak gambar:
$gambar = $_POST['foto']['name']; $sgambar = $_POST['foto']['size']; $tgambar = $_POST['foto']['tmp_name']; $error = 'http://localhost/folder'; for($i=0;$i<count($gambar);$i++){ upload($gambar[$i],$sgambar[$i],$tgambar[$i],$error); }
Untuk alur prosesnya adalah, user akan memilih gambar yang akan di upload, kemudian script akan membaca bahwa file atau gambar yang akan di upload lebih dari satu. Kemudian pada script eksekusi diatas, terdapat pembacaan bahwa gambar yang di kirim di di masukkan kedalam array. Dari array tersebut kita pecah menggunakan looping for untuk menupload gambar secara berluang sesuai dengan jumlah gambar yang di upload.
Untuk sript php fungsi upload gambar download di sini.
3. Tampilan upload multiple gambar / image
Demikian cara membuat upload gambar sekaligus banyak di php. Semoga dapat membnatu untuk upload file dalam projek yang sedang dibuat. Untuk pertanyaan boleh silahkan berkomentar.