0

0

PHP实现视频上传进度显示_PHP视频上传进度显示攻略

看不見的法師

看不見的法師

发布时间:2025-10-07 18:21:02

|

181人浏览过

|

来源于php中文网

原创

实现视频上传进度显示需前端通过Ajax轮询获取后端进度信息,结合PHP的uploadprogress扩展或APC实现;具体流程为:前端表单提交时生成唯一标识,JavaScript监听上传事件并定时请求progress.php获取实时进度,后端利用uploadprogress_get_info()返回已处理字节数与总字节数之比计算百分比,最终在页面动态更新进度条,确保大文件上传过程可视化。

php实现视频上传进度显示_php视频上传进度显示攻略

实现视频上传进度显示,关键在于前端实时获取上传状态,后端配合提供进度信息。PHP本身无法直接监控文件上传过程,但结合PECL扩展uploadprogressAPC,再搭配Ajax技术,就能实现平滑的上传进度条。

启用uploadprogress扩展

uploadprogress是专为PHP设计的上传进度追踪扩展,使用前需确认已安装并启用:

  • 通过phpinfo()检查是否已加载uploadprogress模块
  • 若未安装,可通过pecl install uploadprogress命令安装
  • 在php.ini中添加extension=uploadprogress.so(Linux)或extension=php_uploadprogress.dll(Windows)
  • 确保uploadprogress.enabled = On

HTML与JavaScript实现进度条

前端需要一个表单和用于显示进度的DOM元素:

<form id="uploadForm" action="upload.php" method="POST" enctype="multipart/form-data">
  <input type="hidden" name="UPLOAD_IDENTIFIER" value="123456789" />
  <input type="file" name="video" />
  <input type="submit" value="上传" />
</form>
<div id="progress">进度:0%</div>
<script>
const form = document.getElementById('uploadForm');
const progressDiv = document.getElementById('progress');
<p>form.addEventListener('submit', function(e) {
e.preventDefault();
const formData = new FormData(form);
const xhr = new XMLHttpRequest();</p><p>// 获取唯一标识符
const uid = form['UPLOAD_IDENTIFIER'].value;</p><p>// 监听上传进度
xhr.upload.onprogress = function(e) {
if (e.lengthComputable) {
const percent = Math.round((e.loaded / e.total) * 100);
progressDiv.textContent = '进度:' + percent + '%';
}
};</p><p>// 轮询获取服务端进度
const interval = setInterval(() => {
fetch('progress.php?uid=' + uid)
.then(res => res.json())
.then(data => {
if (data.progress <= 100) {
progressDiv.textContent = '进度:' + data.progress + '%';
}
if (data.done) clearInterval(interval);
});
}, 500);</p><p>xhr.open('POST', 'upload.php');
xhr.send(formData);
});
</script>

PHP后端处理上传与进度查询

upload.php负责接收文件,progress.php则返回当前上传进度:

立即学习PHP免费学习笔记(深入)”;

upload.php

AITDK
AITDK

免费AI SEO工具,SEO的AI生成器

下载
<?php
if ($_FILES['video']) {
  $tmp_name = $_FILES['video']['tmp_name'];
  $name = $_FILES['video']['name'];
  move_uploaded_file($tmp_name, 'videos/' . $name);
  echo "上传完成";
}
?>

progress.php

<?php
session_start();
$uid = $_GET['uid'];
$info = uploadprogress_get_info($uid);
<p>if ($info) {
echo json_encode([
'done' => $info['bytes_processed'] == $info['bytes_total'],
'progress' => ($info['bytes_processed'] / $info['bytes_total']) * 100
]);
} else {
echo json_encode(['done' => false, 'progress' => 0]);
}
?>

注意:隐藏字段UPLOAD_IDENTIFIER的值必须与uploadprogress监测的KEY一致,通常由前端生成唯一ID并同步传递。

替代方案:使用APC

若无法安装uploadprogress,APC(Alternative PHP Cache)也支持上传进度,需开启apc.rfc1867 = 1,并使用apc_fetch获取进度数据。流程类似,只是函数调用不同。

基本上就这些。核心是扩展支持+Ajax轮询,只要环境配置正确,视频大文件上传也能有良好用户体验。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
ajax教程
ajax教程

php中文网为大家带来ajax教程合集,Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。php中文网还为大家带来ajax的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

166

2023.06.14

ajax中文乱码解决方法
ajax中文乱码解决方法

ajax中文乱码解决方法有设置请求头部的字符编码、在服务器端设置响应头部的字符编码和使用encodeURIComponent对中文进行编码。本专题为大家提供ajax中文乱码相关的文章、下载、课程内容,供大家免费下载体验。

170

2023.08.31

ajax传递中文乱码怎么办
ajax传递中文乱码怎么办

ajax传递中文乱码的解决办法:1、设置统一的编码方式;2、服务器端编码;3、客户端解码;4、设置HTTP响应头;5、使用JSON格式。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

124

2023.11.15

ajax网站有哪些
ajax网站有哪些

使用ajax的网站有谷歌、维基百科、脸书、纽约时报、亚马逊、stackoverflow、twitter、hacker news、shopify和basecamp等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

260

2024.09.24

DOM是什么意思
DOM是什么意思

dom的英文全称是documentobjectmodel,表示文件对象模型,是w3c组织推荐的处理可扩展置标语言的标准编程接口;dom是html文档的内存中对象表示,它提供了使用javascript与网页交互的方式。想了解更多的相关内容,可以阅读本专题下面的文章。

4346

2024.08.14

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

1496

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1171

2023.07.27

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

836

2023.08.01

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

26

2026.03.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PHP课程
PHP课程

共137课时 | 13.5万人学习

JavaScript ES5基础线上课程教学
JavaScript ES5基础线上课程教学

共6课时 | 11.3万人学习

PHP新手语法线上课程教学
PHP新手语法线上课程教学

共13课时 | 1.0万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号