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

Create Simple Chat App with Google App Engine Backend and Google Cloud Messaging

Mari membuat aplikasi chat sederhana menggunakan backend Google App Engine (bagian dari Google Cloud Platform) dan …

Tinggalkan Balasan

Translate »