Iso Web Id Tutorial Komputer
Related Articles
Iseng – iseng buat fungsi untuk add/delete row pada sebuah tabel, terpikir juga untuk membuat Multiple upload yang sederhana dengan memanfaatkan bagian fungsi tersebut setelah dicoba dan berhasil coba untuk sedikit share (bagi – bagi ilmu) siapa tau bisa berguna untuk kalian yang sedang baca Artikel ini.
OK selesai basa – basinya kita mulai implementasi
jQuery code :
$(document).ready(function(){
var jml = 1;
$("#tambah").click(function(){ // ketika tombol tambah baris di klik
var row = jml; //deklarasi jml baris minimal var baris = "<tr>
<td><input name="files[]" type="file" size="60"></td> // baris yang akan disisipkan </tr>";
$(‘#upl > tbody:last’).append(baris); //perintah untuk menyisipkan pada baris yang terakhir
jml = row + 1; //tambahkan jml 1 record });
$("#hapus").click(function(){ //ketika tombol delete baris di klik
if(jml > 1){ hapus bila total baris lebih dari 1
$(‘#upl > tbody:last tr:last’).remove(); //Perintah untuk menghapus baris yang terakhir
jml = jml – 1; // kurangi 1 baris
}
});
});
PHP Code :
$mimetype = array(‘image/jpeg’,’image/gif’,’image/x-png’,’application/msword’,’application/vnd.ms-excel’); // Tambahkan mime sesuai kebutuhan
$temp = $_FILES[‘files’][‘tmp_name’]; //Temporeri sebelum ditempatkan difolder files
$file = $_FILES[‘files’][‘name’]; //Nama file yg diupload
$type = $_FILES[‘files’][‘type’]; //Tipe file yg diupload
$size = $_FILES[‘files’][‘size’]; //Besar file yg diupload
$maxsize = 100000; // Maksimal file yg diupload (100Kb)
Untuk lebih lengkapnya silahkan lihat pada source code yg telah disediakan
