PHP 文件上传进度条实现程序
PHP 文件上传进度条实现程序
在php中要实现上传进度条有很多方法,如ajax是现在的主流或利用iframe来实现,现在我们来介绍php的apc与uploadprogress实现文件上传进度条效果。
目前我知道的方法有两种,一种是使用PHP的创始人Rasmus Lerdorf 写的APC扩展模块来实现(https://www.360docs.net/doc/0918665539.html,/package/apc),另外一种方法是使用PECL扩展模块
uploadprogress实现(https://www.360docs.net/doc/0918665539.html,/package/uploadprogress)我这里举两个分别实现的例子供参考,更灵活的应用根据自己需要来修改。
APC实现方法:
安装APC,参照官方文档安装,可以使用PECL模块安装方法快速简捷,这里不说明
配置php.ini,设置参数apc.rfc1867=1 ,使APC支持上传进度条功能,在APC源码说明文档里面有说明
代码范例:
代码如下复制代码if ($_SERVER['REQUEST_METHOD'] == 'POST') { //上传请求
$status = apc_fetch('upload_' . $_POST['APC_UPLOAD_PROGRESS']);
$status['done'] = 1;
echo json_encode($status); //输出给用户端页面里的ajax调用,相关文档请自己寻找exit;
} elseif (isset($_GET['progress_key'])) { //读取上传进度
$status = apc_fetch('upload_'.$_GET['progress_key']);
echo json_encode($status);
exit;
} else {
//其他代码,比如上传表单等
}
uploadprogress 模块实现方法:
使用PECL模块安装方法安装该模块
php.ini里面设置uploadprogress.file.filename_template = “/tmp/upd_%s.txt”
代码范例:
代码如下复制代码if($_SERVER['REQUEST_METHOD']=='POST') {
if (is_uploaded_file($_FILES['upfile']['tmp_name'])) {
$upload_dir = 'your_path/';
$ext = strrchr($_FILES['video']['name'], '.');
$sessid = $_POST['UPLOAD_IDENTIFIER'] ;
$tmpfile = $upload_dir . $sessid;
$sessfile = $upload_dir . $sessid .$ext;
if (move_uploaded_file($_FILES['upfile']['tmp_name'],$tmpfile)) {
//上传成功
} else {
//上传失败
} else {
//上传错误
} elseif (!empty($_GET['sessid'])) {
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
header("Content-Type:text/html;charset=UTF-8");
$unique_id = $_GET['sessid'];
$uploadvalues = uploadprogress_get_info($unique_id);
if (is_array($uploadvalues)) {
echo json_encode($uploadvalues);
} else {
//读取进度失败,另外处理逻辑
}
} else {
//显示上传表单
}
整合
现在剩下的只是要把所有内容hook 到一起。您可以通过progress.php 页面来完成此操作。
清单5. 最终的progress.php 页面
代码如下复制代码
$id = uniqid("");
?>
function getProgress(){
GDownloadUrl("getprogress.php?progress_key=",
function(percent, responseCode) {
document.getElementById("progressinner").style.width = percent+"%";
if (percent < 100){
setTimeout("getProgress()", 100);
}
});
}
function startProgress(){
document.getElementById("progressouter").style.display="block";
setTimeout("getProgress()", 1000);
}
"width: 500px; height: 20px; border: 6px solid red; display:none;">
"position: relative; height: 20px; background-color: purple; width: 0%; ">
从底层开始向上层工作,我们已经添加了嵌入清单1 中的upload.php 脚本的iframe,给它提供了在页面顶部生成的惟一ID。
现在,是否还记得该表单中的Submit 按钮?
代码如下复制代码
type="submit" value="Upload!"/>
该按钮将完成两项工作。提交表单,像普通的Submit 按钮一样;但在执行该操作之前,
它将在主窗口中调用startProgress() 脚本。startProgress() 脚本将告诉进度条显示自身——开始时无显示属性,然后告诉浏览器等待一秒,然后再执行getProgress() 脚本。现在,getProgress() 脚本将使事情变得有趣。记不记得在前面我说过将需要使用Ajax 或某种类似的方法来检查文件的进度?对,在本例中,表单将采用捷径,调用来自Google Maps API 库的GdownloadUrl() 函数(注意,表单将导入位于页面顶部的库。您将需要获得自己的访问此库的密钥,但是它是从Google 免费获取的)。
此函数将下载URL 的内容——本例中为getprogress.php 脚本——并执行在其中定义的匿名函数。函数所接受的第一个参数是从URL 返回的数据,本例中为百分比,以便使用它更新进度条。最后,如果文件尚未完成下载,则告诉浏览器每十分之一秒重试一次(在实际情况中,可能无法那么快地执行这些调用,但是浏览器将尽其所能进行操作)。
最终结果是页面使用户可以查看文件正被上传的进度。
如果文件太大了我们可以如下操作:
PHP限制上传文件大小第一:
在php.ini里面查看如下行:
upload_max_filesize = 8M
post_max_size = 10M
memory_limit = 20M
把这些值改成我所说的,看看有没有问题,另外要确认上传的