PHP APC实现上传进度条及解决IE7下不显示的方法

项目背景与需求

在处理大文件（如APK安装包）上传时，用户期望获得即时的视觉反馈。标准的需求流程如下：

1. 上传文件：实时显示上传进度百分比和进度条动画。
2. 分析阶段：文件上传完成后，前端显示“正在分析APK数据，请稍后...”。
3. 完成阶段：后台分析完毕，提示“上传成功，重新上传”。

在使用 APC (Alternative PHP Cache) 的上传模块时，虽然在 Chrome、Firefox 等现代浏览器以及 IE8+ 中运行完美，但在默认的 IE7 环境下测试时，遇到了进度条停滞不前的现象。

问题排查与验证

当遇到 IE7 下进度条不更新（始终为 0%）的问题时，我们按以下步骤进行了排查：

第一步：检查DOM操作与JavaScript逻辑

首先排除了 JavaScript 代码本身的语法错误。我们将原有的原生 DOM 操作替换为 JQuery 方式调用，并尝试在递归调用 getProgress() 时加入延时（例如使用 setTimeout("getProgress('"+upid+"')",500);）。测试结果显示，这种纯前端调整并不能解决核心数据显示为0的问题，说明 JS 执行逻辑本身是正常的。

第二步：验证 AJAX 请求是否被触发

为了确认上传过程中前端的轮询函数是否在正常运行，我们在页面中添加了一个简单的全局变量计数器或显示容器。在轮询期间，如果能观察到该数值在增加，则证明前端到服务器的 HTTP 请求是畅通的。如果请求正常但返回的数据无法正确渲染，则需要关注后端返回格式或前端解析环节。

第三步：检查返回数据的JSON格式

APC 上传进度脚本通常通过 JSON 返回当前上传字节数等信息。如果在解析返回值时发生脚本错误，会导致 UI 假死。虽然直接输出 echo json_encode($arr); 是标准做法，但在某些旧版浏览器环境下，需要额外确保返回的数据能被安全地解析为对象：

var dataObj = eval("(" + data + ")"); // 转换为JSON对象

如果发现控制台报解析错误，通常是因为返回的字符串包含了非预期的头尾字符或不规范的 JSON 结构。

最终解决方案：解决IE7下的缓存欺骗

经过深入分析，发现在 IE7 中使用 Ajax 获取动态数据时，浏览器可能会强缓存之前的请求结果。这意味着即使服务器端 APc 已经记录了新的上传进度，浏览器请求接口时却直接读取了旧的静态响应，导致永远看到 0%。

解决方法： 在发起 GET 请求时，追加一个随机参数（如当前毫秒级时间戳），破坏浏览器的缓存策略，强制浏览器向服务器发起新请求。

修改前（可能失效）：

$.getJSON("ProcessBar.php", {progress_key: upid}, function(result){
});

修改后（完美解决问题）：

$.getJSON("ProcessBar.php", {
    progress_key: upid,
    time: (new Date()).getTime()
}, function(result){
    // 处理 result 中的进度信息并更新 UI
});

加上 time 参数后，IE7 不再受缓存影响，能够准确接收 APC 实时更新的状态，进度条恢复正常。

总结

在使用 PHP APC 制作上传进度条时，除了编写正确的 PHP 校验脚本外，前端 Ajax 调用的细节对跨浏览器兼容性至关重要。特别是在面对老旧的 IE 内核浏览器时，利用时间戳参数规避缓存是导致状态显示异常的常见陷阱。

以上就是php+apc实现上传进度条且在IE7下不显示的问题解决方法的全部内容，更多关于PHP APC及AJAX兼容性优化的资料请关注本站其它相关文章！