• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

PHP+apc+ajax实现的ajax_upload上传进度条代码_php技巧

php 搞代码 3年前 (2022-01-26) 48次浏览 已收录 0个评论

本文实例讲述了PHP+apc+ajax实现的ajax_upload上传进度条代码。分享给大家供大家参考,具体如下:

上传进度条是怎么实现的呢?原理是怎么样的呢?当我们浏览,选择上传后,会产生一个临时文件,上传的时把这个临时文件,上传到服务器,上传完成后,这个临时文件会被删除掉。如果我们能读取这个临时文件的大小,就知道上传进度是多少了,php apc模块可以实现这个功能。

一、安装apc模块

下载地址:http://pecl.php.net/package/apc

tar zxvf APC-3.1.8.tgzcd APC-3.1.8//usr/local/php/bin/phpize./configure --with-php-config=/usr/local/php/bin/php-configmake && make install

二、修改php.ini

extension = apc.soapc.rfc1867 = 1apc.max_file_size = 200Mupload_max_filesize = 1000Mpost_max_size = 1000Mmax_execution_time = 600max_input_time = 600memory_limit = 128M

修改好后,重起apache或者其他,查看一下

[root@BlackGhost php]# php -m[PHP Modules]apccgi-fcgictypecurldatedomeAccelerator。。。。。。。。

三、upload_test.php

<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><input type="hidden" name="APC_UPLOAD_PROGRESS" id="progress_key" value="" /><br /><div id="progressouter" style="width: 500px;height: 20px;border: 1px solid black"><div id="progressinner" style="height: 20px;background-color: red;width: 0%"></div></div><br /><div id='showNum'></div><br><div id='showInfo'></div><br><script type="text/javascript">$(document).ready(function(){form_submit();});</script>

APC_UPLOAD_PROGRESS这个有什么用呢?它对上传的文件添加一个标记,就可以在其它的php程序中用这个标记访问它。为apc的读取提供支持。

upload.js异步上传的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){$('#progres<mark style="color:transparent">本文来源gaodaimacom搞#^代%!码&网*</mark><pre>搞代gaodaima码

souter’).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);}}});}

上面有一点要注意,APC_UPLOAD_PROGRESS:$(“#progress_key”).val()在这里,key是APC_UPLOAD_PROGRESS如果不是这个的话,apc找不到临时文件的。在这里我为什么要用ajax_upload.js呢,因为jquery自带的ajax,自带参数没有上传文件的,也就是type=’file’中的内容,php端根本得不到。

四、upload.php上传文件

<?phpif($_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>";}?>

如果文件比较大,就不要用http的方式来上传了,太慢,并且影响网站的稳定性。

五、progress.php取得进度的文件,给ajax调用用的


看一下,ajax 异步请求产生的数据。

php apc ajax 上传进度条

参数说明:

total 文件大小
current 已上传的大小
filename 上传文件名
name 标签名
done 上传成功为1
cancel_upload 用户取消上传,只有上传完成时才有
rate 上传速度,只有上传完成时才有
start_time 开始时间

希望本文所述对大家PHP程序设计有所帮助。


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:PHP+apc+ajax实现的ajax_upload上传进度条代码_php技巧

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址