<
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 ^^
0 komentar:
Posting Komentar