This article mainly introduces relevant information about the file upload progress bar of phpajax. For more information, see the implementation of the PHP file Upload progress bar in this example. it mainly uses ajax technology, in addition, html5 is also used. if you need it, you can study it.
This instance has two files:
Upload_form.html:
《script》function _(el){ return document.getElementById(el);}function uploadFile(){ var file = _("file1").files[0]; // alert(file.name+" | "+file.size+" | "+file.type); var formdata = new FormData(); formdata.append("file1", file); var ajax = new XMLHttpRequest(); ajax.upload.addEventListener("progress", progressHandler, false); ajax.addEventListener("load", completeHandler, false); ajax.addEventListener("error", errorHandler, false); ajax.addEventListener("abort", abortHandler, false); ajax.open("POST", "file_upload_parser.php"); ajax.send(formdata);}function progressHandler(event){ _("loaded_n_total").innerHTML = "Uploaded "+event.loaded+" bytes of "+event.total; var percent = (event.loaded / event.total) * 100; _("progressBar").value = Math.round(percent); _("status").innerHTML = Math.round(percent)+"% uploaded... please wait";}function completeHandler(event){ _("status").innerHTML = event.target.responseText; _("progressBar").value = 0;}function errorHandler(event){ _("status").innerHTML = "Upload Failed";}function abortHandler(event){ _("status").innerHTML = "Upload Aborted";}《script》HTML5 File Upload Progress Bar Tutorial
File_upload_parser.php:
<?php$fileName = $_FILES["file1"]["name"]; // The file name$fileTmpLoc = $_FILES["file1"]["tmp_name"]; // File in the PHP tmp folder$fileType = $_FILES["file1"]["type"]; // The type of file it is$fileSize = $_FILES["file1"]["size"]; // File size in bytes$fileErrorMsg = $_FILES["file1"]["error"]; // 0 for false... and 1 for trueif (!$fileTmpLoc) { // if file not chosen echo "ERROR: Please browse for a file before clicking the upload button."; exit();}if(move_uploaded_file($fileTmpLoc, "test_uploads/$fileName")){ echo "$fileName upload is complete";} else { echo "move_uploaded_file function failed";}?>
The above is all the content of this article, hoping to help you learn.