Kumpulan catatan harian

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:

0 komentar:

Posting Komentar

Blog Archive