Backend Development
PHP Tutorial
Ajax_upload upload progress bar code implemented by PHP apc ajax, ajaxajax_upload_PHP tutorial
Ajax_upload upload progress bar code implemented by PHP apc ajax, ajaxajax_upload_PHP tutorial
The ajax_upload upload progress bar code implemented by PHP apc ajax, ajaxajax_upload
This article describes the ajax_upload upload progress bar code implemented by PHP apc ajax. Share it with everyone for your reference, the details are as follows:
How is the upload progress bar implemented? What is the principle? When we browse and select upload, a temporary file will be generated. When uploading, upload this temporary file to the server. After the upload is completed, this Temporary files will be deleted. If we can read the size of this temporary file, we will know the upload progress. The php apc module can implement this function.
1. Install apc module
Download address: http://pecl.php.net/package/apc
tar zxvf APC-3.1.8.tgz cd APC-3.1.8/ /usr/local/php/bin/phpize ./configure --with-php-config=/usr/local/php/bin/php-config make && make install
2. Modify php.ini
extension = apc.so apc.rfc1867 = 1 apc.max_file_size = 200M upload_max_filesize = 1000M post_max_size = 1000M max_execution_time = 600 max_input_time = 600 memory_limit = 128M
After modification, restart apache or other to check
[root@BlackGhost php]# php -m [PHP Modules] apc cgi-fcgi ctype curl date dom eAccelerator 。。。。。。。。
3. upload_test.php
<?php
$id = uniqid(rand(), true);
?>
<html>
<script type='text/javascript' src='jquery-1.3.2.js'></script>
<script type='text/javascript' src='ajaxupload.3.1.js'></script>
<script type='text/javascript' src='upload.js'></script>
<body style="text-align:center;">
<h1>上传测试</h1><form enctype="multipart/form-data" id="upload" method="POST">
<input type="hidden" name="APC_UPLOAD_PROGRESS" id="progress_key" value="<?=$id?>" />
<input type="file" id="file" name="file" value=""/><br/><input id="submit" type="submit" value="Upload!" />
</form>
<div id="progressouter" style="width: 500px; height: 20px; border: 1px solid black; display:none;">
<div id="progressinner" style="position: relative; height: 20px; background-color: red; width: 0%; ">
</div>
</div>
<br />
<div id='showNum'></div><br>
<div id='showInfo'></div><br>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
form_submit();
});
</script>
What is the use of APC_UPLOAD_PROGRESS? It adds a tag to the uploaded file, and you can use this tag to access it in other PHP programs. Provide support for apc reading.
js file uploaded asynchronously by upload.js:
function form_submit (){
new AjaxUpload('#upload', {
action: 'upload.php',
name: 'file',
data: {
APC_UPLOAD_PROGRESS:$("#progress_key").val()
},
autoSubmit: true,
onSubmit: function(file, extension){
$('#progressouter').css('display', 'block');
progress();
},
onComplete: function(file, response){
$("#showInfo").html(response);
}
});
}
function progress (){
$.ajax({
type: "GET",
url: "progress.php?progress_key="+$("#progress_key").val(),
dataType: "json",
cache:false,
success: function(data){
if(data == 0) {
var precent = 0;
} else {
for (i in data) {
if (i == "current") {
var json_current = parseInt(data[i]);
}
if (i == "total") {
var json_total = parseInt(data[i]);
}
}
var precent = parseInt(json_current/json_total * 100);
$("#progressinner").css("width",precent+"%");
$("#showNum").html(precent+"%");
$("#showInfo").html("ok");
}
if ( precent < 100) {
setTimeout("progress()", 100);
}
}
});
}
One thing to note above is APC_UPLOAD_PROGRESS:$("#progress_key").val(). Here, the key is APC_UPLOAD_PROGRESS. If it is not this, apc cannot find the temporary file. Why should I use ajax_upload.js here? Because the ajax that comes with jquery does not have parameters for uploading files, that is, the content in type='file' cannot be obtained at the PHP end.
4. upload.php upload file
<?php
if($_SERVER['REQUEST_METHOD'] == 'POST') {
if(empty($_FILES["file"]["tmp_name"])){
echo "no file";
die;
}
$tmp_name = $_FILES["file"]["tmp_name"];
$name = dirname($_SERVER['SCRIPT_FILENAME'])."/upload/".$_FILES["file"]["name"];
move_uploaded_file($tmp_name, $name);
echo "<p>File uploaded.</p>";
}
?>
If the file is relatively large, do not use http to upload it. It is too slow and affects the stability of the website.
5. progress.php is the progress file, used for ajax calls
<?php
if(isset($_GET['progress_key'])) {
$status = apc_fetch('upload_'.$_GET['progress_key']);
if($status['total']!=0 && !empty($status['total'])) {
echo json_encode($status);
} else {
echo 0;
}
}
?>
Look at the data generated by ajax asynchronous request.
php apc ajax upload progress bar
Parameter description:
total file size
current Uploaded size
filename Upload file name
name Tag name
done Successful upload is 1
cancel_upload The user cancels the upload, which will only happen when the upload is completed
rate upload speed, only available when the upload is completed
start_time Start time
Readers who are interested in more content related to PHP files and ajax operations can check out the special topics on this site: "Summary of PHP File Operations" and "Summary of PHP Ajax Skills and Applications"
I hope this article will be helpful to everyone in PHP programming.
Articles you may be interested in:
- PHP implements a simple upload progress bar
- PHP uses the APC module to implement a large file upload progress bar
- PHP's APC module implements the upload progress bar
- php uses APC to implement the real-time upload progress bar function
- PHP uses the APC module to implement the file upload progress bar
- Using Session in PHP Cooperate with Javascript to implement the file upload progress bar function
- Solution to the problem of using php apc to implement the upload progress bar and not displaying it in IE7
- Code for two implementation methods of PHP file upload progress bar
- PHP FLASH implements file upload progress bar related file download
- PHP combined with jQuery plug-in ajaxFileUpload implements asynchronous file upload example
- php ajax non-refresh upload image example code
- PHP jQuery Ajax achieves multiple image upload effects
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
CakePHP Project Configuration
Sep 10, 2024 pm 05:25 PM
In this chapter, we will understand the Environment Variables, General Configuration, Database Configuration and Email Configuration in CakePHP.
PHP 8.4 Installation and Upgrade guide for Ubuntu and Debian
Dec 24, 2024 pm 04:42 PM
PHP 8.4 brings several new features, security improvements, and performance improvements with healthy amounts of feature deprecations and removals. This guide explains how to install PHP 8.4 or upgrade to PHP 8.4 on Ubuntu, Debian, or their derivati
CakePHP Date and Time
Sep 10, 2024 pm 05:27 PM
To work with date and time in cakephp4, we are going to make use of the available FrozenTime class.
CakePHP File upload
Sep 10, 2024 pm 05:27 PM
To work on file upload we are going to use the form helper. Here, is an example for file upload.
CakePHP Routing
Sep 10, 2024 pm 05:25 PM
In this chapter, we are going to learn the following topics related to routing ?
Discuss CakePHP
Sep 10, 2024 pm 05:28 PM
CakePHP is an open-source framework for PHP. It is intended to make developing, deploying and maintaining applications much easier. CakePHP is based on a MVC-like architecture that is both powerful and easy to grasp. Models, Views, and Controllers gu
CakePHP Creating Validators
Sep 10, 2024 pm 05:26 PM
Validator can be created by adding the following two lines in the controller.
How To Set Up Visual Studio Code (VS Code) for PHP Development
Dec 20, 2024 am 11:31 AM
Visual Studio Code, also known as VS Code, is a free source code editor — or integrated development environment (IDE) — available for all major operating systems. With a large collection of extensions for many programming languages, VS Code can be c
