PHP8.5怎么配置文件上传进度条

冬雪小哥_3844

冬雪小哥_3844

2026-09-30

364人浏览

原创

php 8.5 尚未发布,当前最新稳定版为 php 8.3;推荐使用 php 8.0+ 原生 session.upload_progress 方案实现上传进度条,无需额外扩展,兼容 apache/nginx+php-fpm。

php8.5怎么配置文件上传进度条

PHP 8.5 尚未发布(截至 2026 年 9 月,官方最新稳定版为 PHP 8.3,PHP 8.4 处于 RC 阶段),因此 不存在 PHP 8.5 的正式版本或对应配置。你可能是指:

  • ✅ 当前实际使用的 PHP 版本(如 8.1 / 8.2 / 8.3)
  • ✅ 或希望在较新 PHP 环境(≥ 8.0)中实现上传进度条

以下内容基于 PHP 8.0+ 稳定环境,完全兼容 PHP 8.1–8.3,并适用于主流部署方式(Apache/Nginx + PHP-FPM)。不依赖已废弃扩展(如 APC),推荐现代、安全、免编译的方案。


用 Session 上传进度(PHP 8.0+ 原生支持,最推荐)

这是目前最简洁、无需额外模块、且与 PHP 8 兼容性最好的方式。

1. 启用上传进度跟踪
在 php.ini 中确认开启(默认 PHP 5.4+ 已启用,但需检查):

session.upload_progress.enabled = On
session.upload_progress.name = "PHP_SESSION_UPLOAD_PROGRESS"
session.upload_progress.freq = "100%"
session.upload_progress.min_freq = "1"
session.upload_progress.cleanup = On

✅ 修改后重启 PHP-FPM 和 Web 服务器(如 sudo systemctl restart php8.3-fpm nginx)

2. 前端表单添加唯一标识字段

btpanel phpsite 宝塔面板PHP网站
btpanel phpsite 宝塔面板PHP网站

宝塔面板 PHP 网站管理:站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载

等待上传...

3. 创建进度查询接口(progress.php)

<?php session_start();
$key = 'upload_progress_' . ($_GET['key'] ?? 'my_upload_123');
if (isset($_SESSION[$key])) {
    $progress = $_SESSION[$key];
    $done = $progress['done'] ?? false;
    $percent = $done ? 100 : round(($progress['bytes_uploaded'] / $progress['bytes_total']) * 100);
    header('Content-Type: application/json');
    echo json_encode([
        'percent' => min(100, max(0, $percent)),
        'done'    => $done,
        'total'   => $progress['bytes_total'] ?? 0,
        'uploaded'=> $progress['bytes_uploaded'] ?? 0
    ]);
} else {
    http_response_code(404);
    echo json_encode(['percent' => 0, 'done' => false]);
}

4. 前端轮询获取进度(JS)

document.getElementById('uploadForm').addEventListener('submit', function(e) {
  e.preventDefault();
  const formData = new FormData(this);
  const xhr = new XMLHttpRequest();

  // 发起上传(会自动触发 session 进度记录)
  xhr.open('POST', 'upload.php');
  xhr.upload.onprogress = function(e) {
    if (e.lengthComputable) {
      const percent = (e.loaded / e.total) * 100;
      updateProgress(percent);
    }
  };
  xhr.onload = function() {
    if (xhr.status === 200) updateProgress(100);
  };
  xhr.send(formData);

  // 同时启动轮询(防 upload.onprogress 不触发时兜底)
  const poll = setInterval(() => {
    fetch(`progress.php?key=my_upload_123`)
      .then(r => r.json())
      .then(data => {
        updateProgress(data.percent);
        if (data.done) clearInterval(poll);
      });
  }, 500);
});

function updateProgress(p) {
  document.getElementById('progress').style.width = p + '%';
  document.getElementById('progress-text').textContent = `上传中:${Math.round(p)}%`;
}

纯前端监听(零服务端改造,HTML5 标准方案)

适用于现代浏览器(Chrome/Firefox/Edge ≥ 2020),无需任何 PHP 配置变更。

const fileInput = document.querySelector('input[type="file"]');
fileInput.addEventListener('change', function() {
  const file = this.files[0];
  if (!file) return;

  const formData = new FormData();
  formData.append('myfile', file);

  const xhr = new XMLHttpRequest();
  xhr.open('POST', 'upload.php');

  // 关键:监听上传过程
  xhr.upload.addEventListener('progress', function(e) {
    if (e.lengthComputable) {
      const percent = (e.loaded / e.total) * 100;
      document.getElementById('progress').style.width = percent + '%';
      document.getElementById('progress-text').textContent = `客户端上传:${Math.round(percent)}%`;
    }
  });

  xhr.addEventListener('load', function() {
    if (xhr.status === 200) {
      document.getElementById('progress').style.width = '100%';
      document.getElementById('progress-text').textContent = '上传成功!';
    }
  });

  xhr.send(formData);
});

⚠️ 注意:此方式仅监控「浏览器到服务器」的网络传输进度,不包含 PHP 后端处理时间(如 move_uploaded_file、图像压缩等),但响应最快、最轻量。


避坑提醒(PHP 8 环境特别注意)

  • ❌ 不要尝试 APC 或 uploadprogress 扩展:APC 在 PHP 5.5+ 已被 OPcache 取代;uploadprogress 无 PHP 8 兼容版本,编译失败率高。
  • ❌ Nginx upload_progress_module 需手动编译,PHP 8.3+ 下维护困难,不推荐新项目使用。
  • ✅ Session 方案在 PHP 8.1+ 经充分测试,session.upload_progress.* 参数全部保留且行为稳定。
  • ✅ 确保 session_start() 在 progress.php 开头调用,且 session 存储路径可写(检查 session.save_path)。
  • ✅ 大文件上传务必同步调整 php.ini:
    upload_max_filesize = 512M
    post_max_size = 512M
    max_execution_time = 3600
    max_input_time = 3600

不需要新版本 PHP,也不需要复杂扩展。PHP 8.0+ 环境下,用 Session 进度 + 前端轮询或原生 upload.onprogress,就能稳定跑出准确进度条。

php免费学习视频:立即使用
踏上前端学习之旅,开启通往精通之路!从前端基础到项目实战,循序渐进,一步一个脚印,迈向巅峰!

相关文章

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

2023.09.01

9624

6

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.11

5781

5

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.11

2055

5

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

2023.10.23

3608

4

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

2023.10.23

4294

6

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.03

3371

9

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.09

4797

8

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.13

3742

8

sprintf函数用法详解
sprintf函数用法详解

sprintf函数的用法:1、格式化字符串;2、指定输出宽度和精度;3、返回值。更多关于sprintf函数用法详解的内容,大家可以阅读下面的文章。

2023.11.27

11762

4

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
墨刀帮助中心
墨刀帮助中心

共0课时 | 0人学习

MyEclipse学习中心
MyEclipse学习中心

共0课时 | 0人学习

Apache Subversion 官方手册
Apache Subversion 官方手册

共0课时 | 0人学习