Berikut kodennya..!
index.html
<!DOCTYPE html>
<html>
<head>
<script>
function uploadFile() {
// membaca data file yg akan diupload, dari komponen 'fileku'
var file = document.getElementById("fileku").files[0];
var formdata = new FormData();
formdata.append("datafile", file);
// proses upload via AJAX disubmit ke 'upload.php'
// selama proses upload, akan menjalankan progressHandler()
var ajax = new XMLHttpRequest();
ajax.upload.addEventListener("progress", progressHandler, false);
ajax.open("POST", "upload.php", true);
ajax.send(formdata);
}
function progressHandler(event){
// hitung prosentase
var percent = (event.loaded / event.total) * 100;
// menampilkan prosentase ke komponen id 'progressBar'
document.getElementById("progressBar").value = Math.round(percent);
// menampilkan prosentase ke komponen id 'status'
document.getElementById("status").innerHTML = Math.round(percent)+"% telah terupload";
// menampilkan file size yg tlh terupload dan totalnya ke komponen id 'total'
document.getElementById("total").innerHTML = "Telah terupload "+event.loaded+" bytes dari "+event.total;
}
</script>
</head>
<body>
<h2> HTML5 Upload File</h2>
<form id="upload_form" enctype="multipart/form-data">
<input type="file" name="datafile" id="fileku"><br>
<input type="button" value="Upload File" onclick="uploadFile()">
<progress id="progressBar" value="0" max="100" style="width:300px;"></progress>
<h3 id="status"></h3>
<p id="total"></p>
</form>
</body>
</html>
___________________________________________
upload.php
<?php
// baca nama file
$fileName = $_FILES["datafile"]["name"];
// baca file temporary upload
$fileTemp = $_FILES["datafile"]["tmp_name"];
// baca tipe file
$fileType = $_FILES["datafile"]["type"];
// baca filesize
$fileSize = $_FILES["datafile"]["size"];
// proses upload file ke folder /upload
if (move_uploaded_file($fileTemp, 'upload/'.$fileName)){
echo "Upload $fileName selesai";
}
?>
_________________________________
Kursus / Konsultasi / Bimbingan
Belajar / Skripsi Mahasiswa
http://www.lp2maray.com
021-92771708 / 085279959498
Tidak ada komentar:
Posting Komentar