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', 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 ^^
