当前位置:首页 > PHP

php 实现上传进度

2026-02-16 13:33:34PHP

PHP 实现上传进度的方法

使用 session.upload_progress 功能

PHP 提供了一个内置功能 session.upload_progress,可以在文件上传时跟踪进度。需要在 php.ini 中启用以下配置:

session.upload_progress.enabled = On
session.upload_progress.cleanup = On
session.upload_progress.prefix = "upload_progress_"
session.upload_progress.name = "PHP_SESSION_UPLOAD_PROGRESS"

创建一个包含文件上传表单的 HTML 页面,表单中必须包含一个隐藏字段,其名称与 session.upload_progress.name 配置的值相同:

<form action="upload.php" method="POST" enctype="multipart/form-data">
    <input type="hidden" name="<?php echo ini_get('session.upload_progress.name'); ?>" value="file_upload" />
    <input type="file" name="file" />
    <input type="submit" value="Upload" />
</form>

在另一个脚本中(如 AJAX 请求),可以通过检查 $_SESSION 来获取上传进度:

session_start();
$key = ini_get('session.upload_progress.prefix') . 'file_upload';
if (isset($_SESSION[$key])) {
    $progress = $_SESSION[$key];
    $percentage = ($progress['bytes_processed'] / $progress['content_length']) * 100;
    echo json_encode(['progress' => $percentage]);
}

使用 AJAX 轮询进度

前端可以通过 AJAX 定期轮询服务器以获取上传进度。以下是示例代码:

function checkProgress() {
    $.get('progress.php', function(data) {
        if (data.progress < 100) {
            setTimeout(checkProgress, 500); // 每 0.5 秒检查一次
        }
        $('#progress-bar').width(data.progress + '%');
    });
}

使用第三方库

对于更复杂的上传进度跟踪,可以考虑使用第三方库,如 pluploadDropzone.js。这些库提供了更丰富的上传进度显示功能,并且支持分块上传。

var uploader = new plupload.Uploader({
    browse_button: 'browse-button',
    url: 'upload.php'
});

uploader.init();
uploader.bind('UploadProgress', function(up, file) {
    console.log(file.percent + '% uploaded');
});

使用 uploadprogress PECL 扩展

安装 uploadprogress 扩展后,可以使用其提供的函数跟踪上传进度:

if (function_exists('uploadprogress_get_info')) {
    $info = uploadprogress_get_info($_POST['upload_id']);
    $percentage = ($info['bytes_uploaded'] / $info['bytes_total']) * 100;
    echo $percentage;
}

确保在表单中包含一个唯一的 upload_id

php 实现上传进度

<input type="hidden" name="UPLOAD_IDENTIFIER" value="<?php echo uniqid(); ?>" />

以上方法可以根据具体需求选择适合的方案来实现文件上传进度跟踪。

标签: 进度上传
分享给朋友:

相关文章

jquery 上传

jquery 上传

jQuery 文件上传方法 使用 jQuery 实现文件上传可以通过多种方式完成,以下是常见的几种方法: 使用原生表单和 AJAX 创建一个包含文件输入的表单,并通过 jQuery 的 AJAX…

vue实现语音上传

vue实现语音上传

实现语音上传功能 在Vue中实现语音上传功能需要结合浏览器的Web Audio API和文件上传逻辑。以下是一个完整的实现方案: 录音功能实现 安装依赖库recorder-core和wav编码器:…

vue实现附件上传

vue实现附件上传

文件上传的基本实现 在Vue中实现文件上传可以通过原生HTML的<input type="file">元素结合Vue的数据绑定和事件处理来完成。创建一个文件上传组件,监听change事件获…

vue实现视频上传

vue实现视频上传

Vue 实现视频上传的方法 使用原生 input 元素和 FormData 在 Vue 中可以通过原生 input 元素结合 FormData 实现视频上传功能。创建一个文件选择输入框,监听文件变化事…

vue实现上传头像显示

vue实现上传头像显示

Vue 实现上传头像并显示 前端实现(Vue 3 + Element Plus) 模板部分 <template> <div class="avatar-upload">…

vue实现图片裁剪上传

vue实现图片裁剪上传

Vue 实现图片裁剪上传的方法 使用 vue-cropper 库 安装 vue-cropper 库: npm install vue-cropperjs 引入组件并设置基本配置: import V…