个人中心
文章发布
退出
作者热门文章
- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
26
4
CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章PHP使用Session实现上传进度功能详解由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.
本文实例讲述了PHP使用Session实现上传进度功能。分享给大家供大家参考，具体如下:
实现文件上传进度条基本是依靠JS插件或HTML5的File API来完成，其实PHP配合ajax也能实现此功能.
PHP手册对于session上传进度是这么介绍的:
当 session.upload_progress.enabled INI 选项开启时，PHP 能够在每一个文件上传时监测上传进度。 这个信息对上传请求自身并没有什么帮助，但在文件上传时应用可以发送一个POST请求到终端（例如通过XHR）来检查这个状态 。
当一个上传在处理中，同时POST一个与INI中设置的session.upload_progress.name同名变量时，上传进度可以在$_SESSION中获得。 当PHP检测到这种POST请求时，它会在$_SESSION中添加一组数据, 索引是 session.upload_progress.prefix 与 session.upload_progress.name连接在一起的值。 通常这些键值可以通过读取INI设置来获得，例如 。
|
1
2
3
4
|
<?php
$key
=
ini_get
(
"session.upload_progress.prefix"
) .
ini_get
(
"session.upload-progress.name"
);
var_dump(
$_SESSION
[
$key
]);
?>
|
通过将$_SESSION[$key]["cancel_upload"]设置为TRUE，还可以取消一个正在处理中的文件上传。 当在同一个请求中上传多个文件，它仅会取消当前正在处理的文件上传和未处理的文件上传，但是不会移除那些已经完成的上传。 当一个上传请求被这么取消时，$_FILES中的error将会被设置为 UPLOAD_ERR_EXTENSION.
session.upload_progress.freq 和 session.upload_progress.min_freq INI选项控制了上传进度信息应该多久被重新计算一次。 通过合理设置这两个选项的值，这个功能的开销几乎可以忽略不计.
注意：为了使这个正常工作，web服务器的请求缓冲区需要禁用，否则 PHP可能仅当文件完全上传完成时才能收到文件上传请求。 已知会缓冲这种大请求的程序有Nginx.
下面原理介绍:
当浏览器向服务器端上传一个文件时，PHP将会把此次文件上传的详细信息(如上传时间、上传进度等)存储在session当中。然后，随着上传的进行，周期性的更新session中的信息。这样，浏览器端就可以使用Ajax周期性的请求一个服务器端脚本，由该脚本返回session中的进度信息；浏览器端的Javascript即可根据这些信息显示/更新进度条了.
php.ini需配置以下选项 。
|
1
2
3
4
5
6
|
session.upload_progress.enabled =
"1"
session.upload_progress.cleanup =
"1"
session.upload_progress.prefix =
"upload_progress_"
session.upload_progress.name =
"PHP_SESSION_UPLOAD_PROGRESS"
session.upload_progress.freq =
"1%"
session.upload_progress.min_freq =
"1"
|
其中enabled控制upload_progress功能的开启与否，默认开启； cleanup 则设置当文件上传的请求提交完成后，是否清除session的相关信息，默认开启，如果需要调试$_SESSION，则应该设为Off。 prefix 和 name 两项用来设置进度信息在session中存储的变量名/键名。 freq 和 min_freq 两项用来设置服务器端对进度信息的更新频率。合理的设置这两项可以减轻服务器的负担。 在上传文件的表单中，需要为该次上传设置一个标识符，并在接下来的过程中使用该标识符来引用进度信息.
具体的，在上传表单中需要有一个隐藏的input，它的name属性为php.ini中 session.upload_progress.name 的值；它的值为一个由你自己定义的标识符。如下： 代码如下
|
1
|
<input type=
"hidden"
name=
"<?php echo ini_get('session.upload_progress.name'); ?>"
value=
"test"
/>
|
接到文件上传的表单后，PHP会在$_SESSION变量中新建键，键名是一个将session.upload_progress.prefix的值与上面自定义的标识符连接后得到的字符串，可以这样得到:
代码如下
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
$name
=
ini_get
(
'session.upload_progress.name'
);
$key
=
ini_get
(
'session.upload_progress.prefix'
) .
$_POST
[
$name
];
$_SESSION
[
$key
];
// 这里就是此次文件上传的进度信息了
$_SESSION
[
$key
]这个变量的结构是这样的：
array
(
'upload_progress_test'
=>
array
(
'start_time'
=> 1491494993,
// 开始时间
'content_length'
=> 1410397,
// POST请求的总数据长度
'bytes_processed'
=> 1410397,
// 已收到的数据长度
'done'
=> true,
// 请求是否完成 true表示完成，false未完成
'files'
=>
array
(
0 =>
array
(
'field_name'
=>
'file1'
,
'name'
=>
'test.jpg'
,
'tmp_name'
=>
'D:\\wamp\\tmp\\phpE181.tmp'
,
'error'
=> 0,
'done'
=> true,
'start_time'
=> 1491494993,
'bytes_processed'
=> 1410096,
),
),
),
);
|
这样，我们就可以使用其中的 content_length 和 bytes_processed 两项来得到进度百分比.
原理介绍完了，下面我们来完整的实现一个基于PHP和Javascript的文件上传进度条.
上传表单index.php 。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
|
<?php session_start(); ?>
<!DOCTYPE html>
<html lang=
"zh-CN"
>
<head>
<meta charset=
"utf-8"
>
<title>PHP(5.4) Session 上传进度 Demo</title>
<meta name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta name=
"keywords"
content=
""
/>
<meta name=
"description"
content=
""
/>
<meta name=
"author"
content=
""
>
<link href=
"https://cdn.bootcss.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css"
rel=
"external nofollow"
rel=
"stylesheet"
>
<style type=
"text/css"
>
body{
font-size:1em;
color:#333;
font-family:
"宋体"
, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6{
font-family:
"宋体"
, Georgia, serif;
color:#000;
line-height:1.8em;
margin:0;
}
h1{ font-size:1.8em; }
#wrap{
margin-top:15px;
margin-bottom:50px;
background:#fff;
border-radius:5px;
box-shadow:inset 0 0 3px #000,
0 0 3px #eee;
}
#header{
border-radius:5px 5px 0 0;
box-shadow:inset 0 0 3px #000;
padding:0 15px;
color:#fff;
background: #333333;
}
#header h1{
color:#fff;
}
#article{
padding:0 15px;
}
#footer{
text-align:center;
border-top:1px solid #ccc;
border-radius:0 0 5px 5px;
}
.progress {
width: 100%;
border: 1px solid #4da8fe;
border-radius: 40px;
height: 20px;
position: relative;
}
.progress .labels {
position: relative;
text-align: center;
}
.progress .bar {
position: absolute;
left: 0;
top: 0;
background: #4D90FE;
height: 20px;
line-height:20px;
border-radius: 40px;
min-width: 20px;
}
.report-file {
display: block;
position: relative;
width: 120px;
height: 28px;
overflow: hidden;
border: 1px solid #428bca;
background: none repeat scroll 0 0 #428bca;
color: #fff;
cursor: pointer;
text-align: center;
float: left;
margin-right:5px;
}
.report-file span {
cursor: pointer;
display: block;
line-height: 28px;
}
.file-prew {
cursor: pointer;
position: absolute;
top: 0;
left:0;
width: 120px;
height: 30px;
font-size: 100px;
opacity: 0;
filter: alpha(opacity=0);
}
.container{
padding-left:0;
padding-right:0;
margin:0 auto;
}
</style>
</head>
<body>
<div id=
"wrap"
class
=
"container"
>
<div id=
"header"
>
<h1>Session上传进度 Demo</h1>
</div>
<div id=
"article"
>
<form id=
"upload-form"
action=
"upload.php"
method=
"POST"
enctype=
"multipart/form-data"
style=
"margin:15px 0"
target=
"hidden_iframe"
>
<input type=
"hidden"
name=
"<?php echo ini_get("
session.upload_progress.name
"); ?>"
value=
"test"
/>
<div
class
=
"report-file"
>
<span>上传文件…</span><input tabindex=
"3"
size=
"3"
name=
"file1"
class
=
"file-prew"
type=
"file"
onchange=
"document.getElementById('textName').value=this.value"
>
</div>
<input type=
"text"
id=
"textName"
style=
"height: 28px;border:1px solid #f1f1f1"
/>
<p>
<input type=
"submit"
class
=
"btn btn-default"
value=
"上传"
/>
</p>
</form>
<div id=
"progress"
class
=
"progress"
style=
"margin-bottom:15px;display:none;"
>
<div
class
=
"bar"
style=
"width:0%;"
></div>
<div
class
=
"labels"
>0%</div>
</div>
</div> <!-- #article -->
<div id=
"footer"
>
<p> </p>
</div>
</div><!-- #wrap -->
<iframe id=
"hidden_iframe"
name=
"hidden_iframe"
src=
"about:blank"
style=
"display:none;"
></iframe>
<script src=
"https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"
></script>
<script type=
"text/javascript"
>
function
fetch_progress() {
$.get(
'progress.php'
, {
'<?php echo ini_get("session.upload_progress.name"); ?>'
:
'test'
},
function
(data) {
var
progress = parseInt(data);
$(
'#progress .labels'
).html(progress +
'%'
);
$(
'#progress .bar'
).css(
'width'
, progress +
'%'
);
if
(progress < 100) {
setTimeout(
'fetch_progress()'
, 500);
}
else
{
$(
'#progress .labels'
).html(
'100%'
);
}
},
'html'
);
}
$(
'#upload-form'
).submit(
function
() {
$(
'#progress'
).show();
//图片比较小，看不出进度条加载效果，初始设33%
$(
'#progress .labels'
).html(
'33%'
);
$(
'#progress .bar'
).css(
'width'
,
'33%'
);
setTimeout(
'fetch_progress()'
, 500);
});
</script>
</body>
</html>
|
注意表单中的session.upload_progress.name隐藏项，值设置为了test。表单中仅有一个文件上传input，如果需要，你可以添加多个。 这里需要特别注意一下表单的target属性，这里设置指向了一个当前页面中的iframe。这一点很关键，通过设置target属性，让表单提交后的页面显示在iframe中，从而避免当前的页面跳转。因为我们还得在当前页面显示进度条呢.
上传文件upload.php 。
|
1
2
3
4
5
6
7
8
9
10
|
<?php
/**
* 上传文件
*/
if
(
is_uploaded_file
(
$_FILES
[
'file1'
][
'tmp_name'
])){
//unlink($_FILES['file1']['tmp_name']);
$fileName
=
'pic_'
.
date
(
'YmdHis'
) . mt_rand(10000,99999);
$ext
=
substr
(
$_FILES
[
'file1'
][
'name'
],
strrpos
(
$_FILES
[
'file1'
][
'name'
],
'.'
));
move_uploaded_file(
$_FILES
[
'file1'
][
'tmp_name'
],
$fileName
.
$ext
);
}
|
ajax获取上传进度progress.php 。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<?php
/**
* AJAX获取上传文件进度
*/
session_start();
$i
=
ini_get
(
'session.upload_progress.name'
);
//session.upload_progress.name = "PHP_SESSION_UPLOAD_PROGRESS"
$key
=
ini_get
(
"session.upload_progress.prefix"
) .
$_GET
[
$i
];
//session.upload_progress.prefix = "upload_progress_" . 'test'
if
(!
empty
(
$_SESSION
[
$key
])) {
$current
=
$_SESSION
[
$key
][
"bytes_processed"
];
// 已收到的数据长度
$total
=
$_SESSION
[
$key
][
"content_length"
];
// POST请求的总数据长度
echo
$current
<
$total
?
ceil
(
$current
/
$total
* 100) : 100;
}
else
{
echo
100;
}
|
注意事项
1.input标签的位置name为session.upload_progress.name的input标签一定要放在文件input <input type="file" /> 的前面.
2.通过设置 $_SESSION[$key]['cancel_upload'] = true 可取消当次上传。但仅能取消正在上传的文件和尚未开始的文件。已经上传成功的文件不会被删除.
3.应该通过 setTimeout() 来调用 fetch_progress()，这样可以确保一次请求返回之后才开始下一次请求。如果使用 setInterval() 则不能保证这一点，有可能导致进度条出现'不进反退'.
希望本文所述对大家PHP程序设计有所帮助.
原文链接：https://www.cnblogs.com/cqingt/p/6676248.html 。
最后此篇关于PHP使用Session实现上传进度功能详解的文章就讲到这里了,如果你想了解更多关于PHP使用Session实现上传进度功能详解的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
26
4
0
我在 JavaScript 文件中运行 PHP，例如...... var = '';). 我需要使用 JavaScript 来扫描字符串中的 PHP 定界符(打开和关闭 PHP 的 )。 我已经知道使
我希望能够做这样的事情: php --determine-oldest-supported-php-version test.php 并得到这个输出: 7.2 也就是说，php 二进制检查 test.
我正在开发一个目前不使用任何框架的大型 php 站点。我的大问题是，随着时间的推移慢慢尝试将框架融入应用程序是否可取，例如在创建的新部件和更新的旧部件中？ 比如所有的页面都是直接通过url服务的，有几
下面是我的源代码，我想在同一页面顶部的另一个 php 脚本中使用位于底部 php 脚本的变量 $r1。我需要一个简单的解决方案来解决这个问题。我想在代码中存在的更新查询中使用该变量。 $name)
我正在制作一个网站，根据不同的情况进行大量 PHP 重定向。就像这样...... header("Location: somesite.com/redirectedpage.php"); 为了安全起见
我有一个旧网站，我的 php 标签从 因为短标签已经显示出安全问题，并且在未来的版本中将不被支持。 关于php - 如何避免在 php 文件中写入
我有一个用 PHP 编写的配置文件，如下所示， 所以我想用PHP开发一个接口(interface)，它可以编辑文件值，如$WEBPATH , $ACCOUNTPATH和 const值(value)观
我试图制作一个登录页面来学习基本的PHP，首先我希望我的独立PHP文件存储HTML文件的输入(带有表单)，但是当我按下按钮时(触发POST到PHP脚本) )我一直收到令人不愉快的错误。 我已经搜索了S
我正在寻找一种让 PHP 以一种形式打印任意数组的方法，我可以将该数组作为赋值包含在我的(测试)代码中。 print_r 产生例如: Array ( [0] => qsr-part:1285 [1]
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: What is the max key size for an array in PHP? 正如标题所说，我想知道
我正在寻找一种让 PHP 以一种形式打印任意数组的方法，我可以将该数组作为赋值包含在我的(测试)代码中。 print_r 产生例如: Array ( [0] => qsr-part:1285 [1]
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 9 年前。 Improve this ques
我在 MySQL 数据库中有一个表，其中存储餐厅在每个工作日和时段提供的菜单。 表结构如下: i_type i_name i_cost i_day i_start i_
我有两页。 test1.php 和 test2.php。 我想做的就是在 test1.php 上点击提交，并将 test2.php 显示在 div 中。这实际上工作正常，但我需要向 test2.php
我得到了这个代码。我想通过textarea更新mysql。我在textarea中回显我的MySQL，但我不知道如何更新它，我应该把所有东西都放进去吗，因为_GET模式没有给我任何东西，我也尝试_GET
首先，我是 php 的新手，所以我仍在努力学习。我在 Wordpress 上创建了一个表单，我想将值插入一个表(data_test 表，我已经管理了)，然后从 data_test 表中获取所有列(id
我有以下函数可以清理用户或网址的输入: function SanitizeString($var) { $var=stripslashes($var); $va
我有一个 html 页面，它使用 php 文件查询数据库，然后让用户登录，否则拒绝访问。我遇到的问题是它只是重定向到 php 文件的 url，并且从不对发生的事情提供反馈。这是我第一次使用 html、
我有一个页面充满了指向 pdf 的链接，我想跟踪哪些链接被单击。我以为我可以做如下的事情，但遇到了问题: query($sql); if($result){
我正在使用 从外部文本文件加载 HTML/PHP 代码 $f = fopen($filename, "r"); while ($line = fgets($f, 4096)) { print $l
我是一名优秀的程序员,十分优秀！