Dynamic Multi Upload atau Multiple Upload dengan PHP

Publish Date : 27-02-2017 , dibaca 12724 kali, Hari ini dibaca : 1 kali ,0 comments

Tutorial yang satu ini kita akan Membuat Upload Image Secara Simultan , atau judulnya Dynamic Multi / Multiple Upload Image / File Dengan PHP , Untuk membuat upload file secara simultan , disini saya membuat option jumlah yang nanti akan di upload, gunanya untuk menentukan seberapa banyak data yang akan di upload

multiple upload file dengan PHP

OK.. Langsung saja kita membuat Upload File / Image dengan PHP

form_multiple.php

<script type="text/javascript">
function show()
{
   var n = document.myform.jumfile.value;
   var i;
   var string = "";

   for (i=0; i<=n-1; i++)   {
      string = string + "Pilih File: <input name="userfile"+ i + "" type="file"><br>";
   }

   document.getElementById('selectfile').innerHTML = string;
   document.myform.n.value = n;
}
</script>

<form name="myform" enctype="multipart/form-data" action="upload.php" method="POST">
Pilih Jumlah File
<select name="jumfile" onchange="show()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select><br><br>  
<input type="hidden" name="MAX_FILE_SIZE" value="20000000" />

<div id="selectfile"></div><br>
<input type="hidden" name="n"/>
<input type="submit" name="submit" value="Upload" />
</form>

Selanjutnya buatlah file php untuk proses aksi mengupload, dengan nama upload.php

Skrip upload.php

<?php
$n = $_POST['n'];

// setting nama folder tempat upload
$uploaddir = 'data/';

for ($i=0; $i<=$n-1; $i++) {
  // membaca nama file yang diupload
  $fileName = $_FILES['userfile'.$i]['name'];   
  // membaca ukuran file yang diupload
  $fileSize = $_FILES['userfile'.$i]['size'];
  // nama file temporary yang akan disimpan di server
  $tmpName  = $_FILES['userfile'.$i]['tmp_name'];
  // menggabungkan nama folder dan nama file
  $uploadfile = $uploaddir . $fileName;

  // proses upload file ke folder 'data'
  if ($fileSize > 0) {
if (move_uploaded_file($tmpName, $uploadfile)) {
echo "File ".$fileName." telah diupload<br>";
}
else {
echo "File ".$fileName." gagal diupload<br>";
}
  }
}
?>

Jalankan di webserver (localhost) di komputer anda, dan jangan lupa Buat folder dengan nama data , dan untuk source codenya silahkan di download disin

Produk Rekomendasi

Artikel Terkait

Diskusi



wa