4

我正在使用CakePHP框架 (v2.x) 编写一个 PHP Web 应用程序。在我的一个观点中，有一个表单可以将大视频文件上传到 3rd 方 API。文件很大，所以上传很容易需要一两分钟。所以我使用 AJAX 提交表单并向用户展示跳舞的河马（或其他），以便他们知道轮子仍在转动。这是使用jquery 表单插件的脚本：

<script>
var options = {
    //complete : callback_function...,
    //error : callback_function...,
    beforeSend : function() {
        $("#MediaSubmitForm").hide();
        $("#MediaSubmitForm").after('<img class="hula-hippo" src="/img/hippo-hula.gif" />');

    },
    success : function(data){
        $(".hula-hippo").hide();
        $("#MediaSubmitForm").after("<h3>Upload complete!</h3>");
        console.log(data);
    },
    uploadProgress: function(event, position, total, percentComplete){
        console.log(percentComplete);
    }

};
$("#MediaSubmitForm").ajaxForm(options);
</script>

为了不向客户端公开我们的 API 密钥，我将表单提交给控制器操作，该操作使用 curl 将实际的 POST 请求从服务器发送到 API。这是该方法（和一个回调）。

//uploads a video to a project through the API
public function apiUpload( $tmp_filename, $project_hashed_id ) {
    $api_password = 'xxxxxxxxxx';
    $username = 'api';
    $data = array(
        'api_password'  => $api_password,
        'file'          => '@'.$tmp_filename,
        'project_id'    => $project_hashed_id
        );

    $ch = curl_init();
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt($ch, CURLOPT_URL, "https://upload.wistia.com" );
    curl_setopt($ch, CURLOPT_POSTFIELDS, $data);    
    curl_setopt($ch, CURLOPT_NOPROGRESS, FALSE);    
    curl_setopt($ch, CURLOPT_PROGRESSFUNCTION, array($this, 'apiUploadCallback'));  
    $result = curl_exec($ch); //***Note A***
    curl_close($ch);
    return( json_decode($result) );

}

//BE CAREFUL... PHP 5.5 Added the cURL resource as the first argument to the CURLOPT_PROGRESSFUNCTION callback 
protected function apiUploadCallback( $total_bytes_down_expected, $bytes_down_so_far, $total_bytes_up_expected, $total_bytes_up_so_far ) {
    if ($total_bytes_up_expected > 0)
        //error_log( round( ($total_bytes_up_so_far / $total_bytes_up_expected)*100) );
        echo ( round( ($total_bytes_up_so_far / $total_bytes_up_expected)*100) ); //***Note B***
}

这可行，但如果我可以向用户显示上传的实际进度会更好。我已经知道如何使用回调函数（请参阅 参考资料***Note B***）来计算它，但我不确定如何将它传递回页面（用户正在等待的地方）。我尝试使用 jQuery uploadProgress，但它显示了文件上传到我们服务器的进度......而不是上传到 API 的进度。我尝试***Note B***从curl 回调（***Note A***像这样的东西：

11112222233344444...9898989899999999999999{api:"response mixed in here"}100100100100

如何捕获 curl 进度和后续 API 响应？

4

3 回答 3

2

您可以将进度状态存储在用户的会话中，然后使用 ajax 从会话中获取信息，然后在页面上显示

于 2013-10-08T18:30:37.607 回答
0

是的，正如 Moshen 所说：

您可以将进度状态存储在用户的会话中，然后使用 ajax 从会话中获取信息，然后在页面上显示

但不要忘记调用 'session_write_close()'

$nPourcent = round(($total_bytes_up_so_far / $total_bytes_up_expected)*100);

session_start();
$_SESSION['progress'] = $nPourcent;
session_write_close();
于 2014-11-07T14:02:17.923 回答
0

您可以使用 AJAX 检查服务器上的状态，并让它每次调用一次。但这将不必要地向您的服务器发送垃圾邮件，每次新的 HTTP 请求都需要它。我会建议你使用网络套接字。比您直接在服务器和浏览器之间建立连接，这样您的服务器可以在浏览器发生进度时直接发送进度更新。

于 2013-07-26T20:02:20.220 回答