Home / Pemprograman / Multi upload sederhana (PHP, jQuery)

Multi upload sederhana (PHP, jQuery)

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

DEMO  | SOURCE

About Administrator

2016-01-12 10:32:36 2016-01-12 14:33:42

Check Also

Multi php.ini pada webserver

PHP ya,  mungkin saat ini pemrograman web yang paling banyak digunakan, mungkin karena mudah cara …

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *