Kumpulan catatan harian

Tampilkan postingan dengan label ajax. Tampilkan semua postingan
Tampilkan postingan dengan label ajax. Tampilkan semua postingan

Jumat, 17 April 2015

Upload Banyak Gambar Dengan Ajax

Masukan script berikut pada halaman html

<form action="" method="post" enctype="multipart/form-data" name="form_foto" id="form_foto">
    <input type="file" name="file_foto[]" id="file_foto" multiple="multiple" accept="image/*" />
    <input type="button" name="btn_upload_foto" id="btn_upload_foto" value="Upload" onclick="upload_foto()" />
</form

kemudian tambahkan fungsi javascript dan jangan lupa panggil jquery sebelumnya

function upload_foto()
{
   $('#btn_upload_foto').attr('disabled','disabled');
   var form = new FormData($('#form_foto')[0]); //-- pastikan id form sama
   $.ajax( { 
        type :'POST'
    url :'http://coba2.com/upload',  //-- masukan url disini
    data:form,
    success: function(){
            alert('Upload Berhasil');
    }, 
    cache: false,
    contentType: false,
    processData: false
   }); 
   return false;
     
}

dan pada halaman PHP nya masukan kode berikut

$valid_formats = array("jpeg","jpg", "png");
$max_file_size = 1024*1000; //1000 kb
$path = "upload_folder/"; // Upload directory
$count = 0;
if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST"){
    // Loop $_FILES file_foto untuk dieksekusi
    foreach ($_FILES['file_foto']['name'] as $f => $name) {    
        if ($_FILES['file_foto']['error'][$f] == 4) {
            continue; // Skip file if any error found
    }         
    if ($_FILES['file_foto']['error'][$f] == 0) {             
        if ($_FILES['file_foto']['size'][$f] > $max_file_size) {
            $message[] = "$name is too large!.";
        continue; // Skip large file_foto_br
        }
        elseif( ! in_array(pathinfo($name, PATHINFO_EXTENSION), $valid_formats) ){
        $message[] = "$name is not a valid format";
        continue; // Skip invalid file formats
        }
        else{ // No error found! Move uploaded file_foto
        if(move_uploaded_file($_FILES["file_foto"]["tmp_name"][$f], $path.$name))
        {
            $count++; // Number of successfully uploaded file
            }
                         
        }
    }
    }
}
Mudah bukan, selamat mencoba ^^
Share: