PHP 文件上傳進(jìn)度條實(shí)現(xiàn)程序

2024-05-04 21:48:38

字體：大中小

供稿：網(wǎng)友

在php中要實(shí)現(xiàn)上傳進(jìn)度條有很多方法,如ajax是現(xiàn)在的主流或利用iframe來(lái)實(shí)現(xiàn),現(xiàn)在我們來(lái)介紹php的apc與uploadprogress實(shí)現(xiàn)文件上傳進(jìn)度條效果.

目前我知道的方法有兩種,一種是使用PHP的創(chuàng)始人 Rasmus Lerdorf 寫(xiě)的APC擴(kuò)展模塊來(lái)實(shí)現(xiàn)（http://pecl.php.net/package/apc）,另外一種方法是使用PECL擴(kuò)展模塊 uploadprogress實(shí)現(xiàn)（http://pecl.php.net/package/uploadprogress）我這里舉兩個(gè)分別實(shí)現(xiàn)的例子供參考,更靈活的應(yīng)用根據(jù)自己需要來(lái)修改.

APC實(shí)現(xiàn)方法:

安裝APC,參照官方文檔安裝,可以使用PECL模塊安裝方法快速簡(jiǎn)捷,這里不說(shuō)明配置php.ini,設(shè)置參數(shù) apc.rfc1867=1,使APC支持上傳進(jìn)度條功能,在APC源碼說(shuō)明文檔里面有說(shuō)明.

代碼范例,代碼如下:

if ($_SERVER['REQUEST_METHOD'] == 'POST') {  //上傳請(qǐng)求

    $status = apc_fetch('upload_' . $_POST['APC_UPLOAD_PROGRESS']);

    $status['done'] = 1;

    echo json_encode($status);  //輸出給用戶端頁(yè)面里的ajax調(diào)用，相關(guān)文檔請(qǐng)自己尋找

    exit;

} elseif (isset($_GET['progress_key'])) {   //讀取上傳進(jìn)度

    $status = apc_fetch('upload_'.$_GET['progress_key']);

    echo json_encode($status);

    exit;

} else {

    //其他代碼，比如上傳表單等

}

uploadprogress 模塊實(shí)現(xiàn)方法,使用PECL模塊安裝方法安裝該模塊,php.ini里面設(shè)置 uploadprogress.file.filename_template = “/tmp/upd_%s.txt”.

代碼范例,代碼如下:

if($_SERVER['REQUEST_METHOD']=='POST') {

    if (is_uploaded_file($_FILES['upfile']['tmp_name'])) {

        $upload_dir = 'your_path/';

        $ext        = strrchr($_FILES['video']['name'], '.');

        $sessid     = $_POST['UPLOAD_IDENTIFIER'] ;

        $tmpfile    = $upload_dir . $sessid;

        $sessfile   = $upload_dir . $sessid .$ext;

        if (move_uploaded_file($_FILES['upfile']['tmp_name'],$tmpfile)) {

            //上傳成功

        } else {

            //上傳失敗

    } else {

        //上傳錯(cuò)誤



} elseif (!emptyempty($_GET['sessid'])) {

    header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");

    header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");

    header("Cache-Control: no-store, no-cache, must-revalidate");

    header("Cache-Control: post-check=0, pre-check=0", false);

    header("Pragma: no-cache");

    header("Content-Type:text/html;charset=UTF-8");

    $unique_id = $_GET['sessid'];

    $uploadvalues = uploadprogress_get_info($unique_id);

    if (is_array($uploadvalues)) {

        echo json_encode($uploadvalues);

    } else {

        //讀取進(jìn)度失敗，另外處理邏輯

    }



} else {

    //顯示上傳表單

}

整合,現(xiàn)在剩下的只是要把所有內(nèi)容 hook 到一起,您可以通過(guò) progress.php 頁(yè)面來(lái)完成此操作.

清單 5,最終的 progress.php 頁(yè)面,代碼如下:

<?php

   $id = uniqid("");

?>

<html>

<head><title>Upload Example</title></head>

<body>

<script src="http://maps.google.com/maps?file=api&v=2&key=<yourkeyhere>"

            type="text/javascript"></script>

<script type="text/javascript">

function getProgress(){

  GDownloadUrl("getprogress.php?progress_key=<?php echo($id)?>",

               function(percent, responseCode) {

                   document.getElementById("progressinner").style.width = percent+"%";

                   if (percent < 100){

                        setTimeout("getProgress()", 100);

                   }

               });

}

function startProgress(){

    document.getElementById("progressouter").style.display="block";

    setTimeout("getProgress()", 1000);

}

</script>

<iframe id="theframe" name="theframe"

        src="upload.php?id=<?php echo($id) ?>"

        style="border: none; height: 100px; width: 400px;" >

</iframe>//開(kāi)源代碼Vevb.com

<br/><br/>

<div id="progressouter" style=

   "width: 500px; height: 20px; border: 6px solid red; display:none;">

   <div id="progressinner" style=

       "position: relative; height: 20px; background-color: purple; width: 0%; ">

   </div>

</div>

</body>

</html>

從底層開(kāi)始向上層工作,我們已經(jīng)添加了嵌入清單 1 中的 upload.php 腳本的 iframe,給它提供了在頁(yè)面頂部生成的惟一 ID,現(xiàn)在,是否還記得該表單中的 Submit 按鈕？代碼如下:

該按鈕將完成兩項(xiàng)工作,提交表單,像普通的 Submit 按鈕一樣,但在執(zhí)行該操作之前,它將在主窗口中調(diào)用 startProgress() 腳本,startProgress() 腳本將告訴進(jìn)度條顯示自身 —— 開(kāi)始時(shí)無(wú)顯示屬性,然后告訴瀏覽器等待一秒,然后再執(zhí)行 getProgress() 腳本.

現(xiàn)在,getProgress() 腳本將使事情變得有趣,記不記得在前面我說(shuō)過(guò)將需要使用 Ajax 或某種類似的方法來(lái)檢查文件的進(jìn)度？對(duì),在本例中,表單將采用捷徑,調(diào)用來(lái)自 Google Maps API 庫(kù)的 GdownloadUrl() 函數(shù),注意,表單將導(dǎo)入位于頁(yè)面頂部的庫(kù),您將需要獲得自己的訪問(wèn)此庫(kù)的密鑰，但是它是從 Google 免費(fèi)獲取的.

此函數(shù)將下載 URL 的內(nèi)容 —— 本例中為 getprogress.php 腳本 —— 并執(zhí)行在其中定義的匿名函數(shù),函數(shù)所接受的第一個(gè)參數(shù)是從 URL 返回的數(shù)據(jù)，本例中為百分比，以便使用它更新進(jìn)度條,最后，如果文件尚未完成下載,則告訴瀏覽器每十分之一秒重試一次,在實(shí)際情況中,可能無(wú)法那么快地執(zhí)行這些調(diào)用,但是瀏覽器將盡其所能進(jìn)行操作.

最終結(jié)果是頁(yè)面使用戶可以查看文件正被上傳的進(jìn)度.

如果文件太大了我們可以如下操作:

PHP限制上傳文件大小第一,在php.ini里面查看如下行: