APC 和 Codeigniter 的进度条 - IE 和 Chrome 出现问题

Posted 2023-02-24

【中文标题】APC 和 Codeigniter 的进度条 - IE 和 Chrome 出现问题

【英文标题】：Progress bar with APC and Codeigniter - Trouble with IE and Chrome

【发布时间】：2013-06-06 01:15:51

【问题描述】：

我正在尝试使用 Codeigniter 和 APC 制作进度条。

这是我的表格：

<form method="post" action="" id="upload_file" enctype="multipart/form-data" target="result_frame">

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

<p><label for="userfile">S&eacute;l&eacute;ctionnez un fichier</label><br />
<input type="file" name="userfile" id="userfile" size="20" />
&nbsp;
<button class="btn btn-primary" type="submit" name="submit" id="submit" value="Submit"><span class="icon-upload"></span>&nbsp;Valider</button></p>  

当用户点击提交按钮时，它会触发上传过程。这是我的“检查进度”功能：

function checkProgress() 

$.ajax(
    type: "POST",
    url: "/fbe_upload/index.php/fbeupload/upload_progress",
    async: true,
    dataType: "json",
    data: 
        session_unid: $('#progress_key').val()
    ,
    //Success
    success: function(data) 

        //Progress
        liveProgress = data.progress;

        //Progress bar
        $('#progressBar-' + idRow).attr("class", "progress progress-striped active");
        $('#progressBar-' + idRow + " div.bar").css("width", parseInt(liveProgress) + "%");
        $('#td-pc-' + idRow).html(parseInt(liveProgress) + "% téléchargés");

        //END success    
    ,
    //Error
    error: function() 
        //Erreur
        alert("Error.");
    
    //Ajax END   
);

//Progress < 100
if (liveProgress < 100) 
    //Call function again
    setTimeout(checkProgress, 800);

//Else
else if (liveProgress === 100) 

    //Progress bar
    $('#progressBar-' + idRow).attr("class", "progress progress-striped active");
    $('#progressBar-' + idRow + " div.bar").css("width", "100%");
    $('#td-pc-' + idRow).html("100% t&eacute;l&eacute;charg&eacute;s");

    //Message
    $('#td-filename-' + idRow).html("<i>Finalisation en cours...</i>");

    //This function manage the end of the upload process (message, buttons,...)
    setTimeout(endUpload, 4800);

    //Else END   


else 
    setTimeout(checkProgress, 1200);

//checkProgress END

这是我的 PHP 文件：

function upload_progress() 

//Key
$key = 'upload_' . $_POST['session_unid'];

$status = apc_fetch($key);
//Progress
$cal = ceil($status['current'] / $status['total'] * 100);

echo json_encode(array('progress' => $cal));

所以，当用户点击“提交”时，他的文件被上传（我使用 this 编写了我的上传函数）并且函数 checkProgress 在 1.5 秒后被调用。

使用 Firefox，一切正常。我有正确的值，进度条的行为就像我想要的那样。使用 IE 和 Chrome，它不能正常工作：对于“进度”值，IE 总是返回 420 和 Chrome 410。所以，就像上传过程已经完成但事实并非如此。顺便说一句，这些值不对应于文件的大小，或者别的什么。我不明白 Firefox 怎么可能计算并返回正确的值，而不是其他浏览器。

使用火狐：

Array
(
    [total] => 791309142
    [current] => 113631842
    [filename] => up.rar
    [name] => userfile
    [done] => 0
    [start_time] => 1370864635.9486
)

带铬：

Array
(
    [total] => 410
    [current] => 410
    [rate] => 22777015.099338
    [filename] => 
    [name] => userfile
    [cancel_upload] => 4
    [done] => 1
    [start_time] => 1370864408.3726
)

在我的 php.ini 中有这个：

extension=php_apc.dll

[APC]
apc.enabled = 1
apc.max_file_size = 5000M
apc.rfc1867 = On
apc.mmap_file_mask = C:\wamp\tmp\file_template_%s.tmp
apc.shm_segments = 1
apc.shm_size = 64M
apc.stat=1

有人有建议吗？将不胜感激。 谢谢！

【问题讨论】：

您确定在 chrome 中发送了正确的 session_unid 吗？如果是，请求是否可能被缓存？尝试在请求中附加时间戳，看看是否得到不同的结果。没有更多信息/某种小提琴就无法提供更多帮助

@LancelotKiin 你找到答案了吗？如果没有，我会尽力帮助你。

尝试添加$.ajaxparam cache : false

【参考方案1】：

我认为这是一个 IE 缓存问题

尝试使用cache 标记$.ajax 请求参数设置false 或/并为请求添加时间戳

function checkProgress() 

    $.ajax(
        type  : "POST",
        url   : "/fbe_upload/index.php/fbeupload/upload_progress?t=" + (new Date().getTime()),
        cache : false,
    // ....

并为/fbe_upload/index.php/fbeupload/upload_progress 路由添加无缓存标头

header('Expires: Tue, 08 Oct 1991 00:00:00 GMT');
header('Cache-Control: no-cache, must-revalidate');