国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

PHP開(kāi)發(fā)基礎(chǔ)教程之文件上傳

一、PHP文件上傳

在我們?nèi)粘J褂弥薪?jīng)常會(huì)遇到很多種這樣的情況:

  • QQ空間里面上傳圖片呀

  • 微信朋友圈上傳圖片

  • 發(fā)郵件里面上傳郵件資料附件

  • 認(rèn)證的時(shí)候要求上傳照片或身份證

  • ?還有各種產(chǎn)品汪(gou)們提出的需求來(lái)分析,上傳不同的東西。

  • 而產(chǎn)品汪提出來(lái)的需求我們需要實(shí)現(xiàn)。

  • 實(shí)現(xiàn)文件上傳,是一個(gè)PHP程序員必備的技能之一。

通過(guò)學(xué)習(xí)文件上傳,你將透過(guò)使用的現(xiàn)象看到文件上傳的本質(zhì)!


二、文件上傳需要注意php.ini文件

在正式講解本章上傳前,我們第一件事情是要注意觀察php.ini文件。

我們第一次開(kāi)始接觸到如何修改php.ini文件,如果你的配置項(xiàng)與我們說(shuō)的不一致,請(qǐng)注意修改。

我們來(lái)了解每一個(gè)配置項(xiàng)。

我們看一下如何修改php.ini。

打開(kāi)phpstudy中的php.ini配置文件。

?52.png

php.ini的文件太多,找不到的時(shí)候你可以使用ctrl+f 搜索相關(guān)配置項(xiàng)。


53.png??


建議尺寸:?file_size(文件大小) < upload_max_filesize < post_max_size < memory_limit

另外,需要注意的是腳本執(zhí)行時(shí)間。

max_execution_time,這什參數(shù)的單位為秒。
這個(gè)參數(shù)是設(shè)定腳本的最大執(zhí)行時(shí)間。
也可以根據(jù)需求做適當(dāng)?shù)母淖儭Mǔ2恍枰獊?lái)修改,系統(tǒng)默認(rèn)值即可。超大文件上傳的時(shí)候,可能會(huì)涉及到這一項(xiàng)參數(shù)的修改。

上傳時(shí)間太長(zhǎng)了,會(huì)超時(shí)。如果你將此項(xiàng)參數(shù)設(shè)為0,則是不限制超時(shí)時(shí)間,不建議使。

完成了php.ini的相關(guān)配置,我們就可以開(kāi)始試著完成第一次文件上傳了。


三、文件上傳的步驟

為了更好的學(xué)習(xí)PHP,我們將極為復(fù)雜的PHP的文件上傳歸納總結(jié)成為了6個(gè)步驟。

在實(shí)際使用過(guò)程中,你按照這6個(gè)步驟就能夠很好的完成PHP的文件上傳:

1.判斷是否有錯(cuò)誤碼

系統(tǒng)返回的錯(cuò)誤碼詳解:


54.png


注:錯(cuò)誤碼中沒(méi)有5

2.自定義判斷是否超出文件大小范圍

在開(kāi)發(fā)上傳功能時(shí)。我們作為開(kāi)發(fā)人員,除了php.ini中規(guī)定的上傳的最大值外。

我們通常還會(huì)設(shè)定一個(gè)值,是業(yè)務(wù)規(guī)定的上傳大小限制。

例如:
新浪微博或者QQ空間只準(zhǔn)單張頭像圖片2M。而在上傳圖冊(cè)的時(shí)候又可以超過(guò)2M來(lái)上傳。

所以說(shuō),它的系統(tǒng)是支持更大文件上傳的。

此處的判斷文件大小,我們用于限制實(shí)際業(yè)務(wù)中我們想要規(guī)定的上傳的文件大小。

3.判斷后綴名和mime類(lèi)型是否符合

在網(wǎng)絡(luò)世界里面也有壞人。他們會(huì)把圖片插入病毒,在附件中上傳病毒,他們會(huì)在網(wǎng)頁(yè)中插入病毒或者黃色圖片。

我們需要對(duì)于上傳的文件后綴和mime類(lèi)型都要進(jìn)行判斷才可以。

MIME(Multipurpose Internet Mail Extensions)是多用途互聯(lián)網(wǎng)郵件擴(kuò)展類(lèi)型。是設(shè)定某種擴(kuò)展名的文件用一種應(yīng)用程序來(lái)打開(kāi)的方式類(lèi)型,當(dāng)該擴(kuò)展名文件被訪問(wèn)的時(shí)候,瀏覽器會(huì)自動(dòng)使用指定應(yīng)用程序來(lái)打開(kāi)。多用于指定一些客戶端自定義的文件名,以及一些媒體文件打開(kāi)方式。

在判斷后綴和MIME類(lèi)型的時(shí)候,我們會(huì)用到PHP的一個(gè)函數(shù)in_array(),該函數(shù)傳入兩個(gè)參數(shù)。
第一個(gè)參數(shù)是要判斷的值;
第二個(gè)參數(shù)是范圍數(shù)組。

我們用這個(gè)函數(shù)來(lái)判斷文件的后綴名和mime類(lèi)型是否在允許的范圍內(nèi)。

4.生成文件名

我們的文件上傳成功了,不會(huì)讓它保存原名。
因?yàn)?,有些人在原名中有敏感關(guān)鍵詞會(huì)違反我國(guó)的相關(guān)法律和法規(guī)。

我們可以采用date()、mt_rand()或者unique()生成隨機(jī)的文件名。

?

5.判斷是否是上傳文件

文件上傳成功時(shí),系統(tǒng)會(huì)將上傳的臨時(shí)文件上傳到系統(tǒng)的臨時(shí)目錄中。產(chǎn)生一個(gè)臨時(shí)文件。

同時(shí)會(huì)產(chǎn)生臨時(shí)文件名。我們需要做的事情是將臨時(shí)文件移動(dòng)到系統(tǒng)的指定目錄中。

而移動(dòng)前不能瞎移動(dòng),或者移動(dòng)錯(cuò)了都是不科學(xué)的。移動(dòng)前我們需要使用相關(guān)函數(shù)判斷上傳的文件是不是臨時(shí)文件。

is_uploaded_file()傳入一個(gè)參數(shù)($_FILES中的緩存文件名),判斷傳入的名稱(chēng)是不是上傳文件

6.移動(dòng)臨時(shí)文件到指定位置

臨時(shí)文件是真實(shí)的臨時(shí)文件,我們需要將其移動(dòng)到我們的網(wǎng)站目錄下面了。

讓我們網(wǎng)站目錄的數(shù)據(jù),其他人可以訪問(wèn)到。

我們使用:move_uploaded_file()。
這個(gè)函數(shù)是將上傳文件移動(dòng)到指定位置,并命名。
傳入兩個(gè)參數(shù):
第一個(gè)參數(shù)是指定移動(dòng)的上傳文件;
第二個(gè)參數(shù)是指定的文件夾和名稱(chēng)拼接的字符串


四、文件上傳表單注意事項(xiàng)

我們開(kāi)始正式的學(xué)習(xí),學(xué)習(xí)如何來(lái)上傳文件。上傳文件必須在網(wǎng)頁(yè)中準(zhǔn)備好一個(gè)form表單。

這是一個(gè)簡(jiǎn)單的HTML頁(yè)面表單,form表單為文件內(nèi)容準(zhǔn)備了一個(gè)專(zhuān)用的類(lèi),當(dāng)input?里面?的 type=file 時(shí),默認(rèn)為上傳文件內(nèi)容。

我們來(lái)看一下表單的代碼和注意項(xiàng)

<html>
    <head>
        <meta charset="utf-8" />
        <title>單文件上傳</title>
    </head>
    <body>
        <form action="file.php" method="post" enctype="multipart/form-data">
            <input type="file" name="file">
            <input type="submit" value="上傳">
        </form>
    </body>
</html>

注:

  • form 表單中的參數(shù)method 必須為post。若為get是無(wú)法進(jìn)行文件上傳的

  • ?enctype須為multipart/form-data


五、按照數(shù)組和步驟完成文件上傳

1.系統(tǒng)函數(shù)$_FILES

form表單提交的文件內(nèi)容指向了file.php。
我們?cè)趂ile.php中,通過(guò)PHP代碼,來(lái)處理上傳文件。

我們選擇一個(gè)名為圖片進(jìn)行上傳。假設(shè)圖片的名字為:hua.jpg,點(diǎn)擊上傳。

PHP為文件類(lèi)數(shù)據(jù)準(zhǔn)備了一個(gè)專(zhuān)用的系統(tǒng)函數(shù)$_FILES,上傳文件的所有相關(guān)數(shù)據(jù),都保存在這個(gè)系統(tǒng)函數(shù)中。

在PHP文件中,我們打印 $_FILES ,來(lái)觀察這個(gè)數(shù)組的結(jié)構(gòu):

<?php
//var_dump()或print_r()
//打印變量的相關(guān)信息,將變量的信息詳細(xì)的展示出來(lái)
var_dump($_FILES);             
?>

打印出來(lái)的結(jié)果的數(shù)組結(jié)構(gòu)如下:

?55.png

得到了上面的數(shù)組結(jié)構(gòu)。

我們就可以開(kāi)始文件的處理過(guò)程了。

2.判斷錯(cuò)誤碼

<?php
if($_FILES['file']['error'] > 0){
    switch ($_FILES['file']['error']) {    //錯(cuò)誤碼不為0,即文件上傳過(guò)程中出現(xiàn)了錯(cuò)誤
        case '1':
            echo '文件過(guò)大';
            break;
        case '2':
            echo '文件超出指定大小';
            break;
        case '3':
            echo '只有部分文件被上傳';
            break;
        case '4':
            echo '文件沒(méi)有被上傳';
            break;
        case '6':
            echo '找不到指定文件夾';
            break;
        case '7':
            echo '文件寫(xiě)入失敗';
            break;
        default:
            echo "上傳出錯(cuò)<br/>";
    }
}else{
    //錯(cuò)誤碼為0,即上傳成功,可以進(jìn)行后續(xù)處理,處理流程見(jiàn)下文
}
?>

上面的代碼詳細(xì)的介紹了錯(cuò)誤碼和對(duì)應(yīng)的錯(cuò)誤,我們可以根據(jù)錯(cuò)誤碼,來(lái)生成準(zhǔn)確的錯(cuò)誤提示。

3.判斷文件是否超出大小

在實(shí)際項(xiàng)目中,由于系統(tǒng)硬件的限制,以及存儲(chǔ)設(shè)備的限制,不可能讓用戶無(wú)限制的上傳文件,所以我們要對(duì)用戶上傳的文件大小進(jìn)行限制。定義一個(gè)合適的限制大小,能讓我們的應(yīng)用更穩(wěn)定的運(yùn)行。

//判斷錯(cuò)誤
if($_FILES['file']['error'] > 0){
        //有錯(cuò)誤可停止執(zhí)行
}else{
    //當(dāng)前上傳文件無(wú)誤,運(yùn)行本段代碼
 
    //判斷文件是否超出了指定的大小
    //單位為byte
    $MAX_FILE_SIZE = 100000;
    if($_FILES['file']['size'] > $MAX_FILE_SIZE){
    //判斷,如果上傳的文件,大小超出了我們給的限制范圍,退上傳并產(chǎn)生錯(cuò)誤提示
        exit("文件超出指定大小");                           
    }

將我們指定的文件大小,定義為$MAX_FILE_SIZE,該變量的計(jì)數(shù)單位為byte,對(duì)應(yīng)上傳文件的 $_FILES['file']['size']大小。
示例代碼中,限制大小約為100K及以下的文件。

4.判斷文件的mime類(lèi)型是否正確

更多的時(shí)候,我們的文件上傳功能,都需要判斷用戶上傳的文件,是否符合要求,不可用的文件上傳以后,對(duì)于線上應(yīng)用的整體展示效果,會(huì)造成惡劣的影響。所以我們需要通過(guò)mime類(lèi)型和后綴名,來(lái)判斷用戶上傳的文件是否符合要求。

下面的示例代碼中,我們假設(shè)當(dāng)前的項(xiàng)目需求為指定上傳圖片,要求上傳后綴名為GIF或者jpg的文件,當(dāng)用戶上傳不符合要求的文件時(shí),返回錯(cuò)誤提示。

/*判斷后綴名和MIME類(lèi)型是否符合指定需求
例如:
當(dāng)前項(xiàng)目指定上傳后綴為.jpg或.gif的圖片,則$allowSuffix = array('jpg','gif');
*/
//定義允許的后綴名數(shù)組
$myImg = explode('.', $_FILES['file']['name']);         
 
/*
explode() 將一個(gè)字符串用指定的字符切割,并返回一個(gè)數(shù)組,這里我們將文件名用'.''切割,結(jié)果存在$myImg中,文件的后綴名即為數(shù)組的最后一個(gè)值
*/
$myImgSuffix = array_pop($myImg);
/*
根據(jù)上傳文件名獲取文件的后綴名
使用in_array()函數(shù),判斷上傳文件是否符合要求
當(dāng)文件后綴名不在我們?cè)试S的范圍內(nèi)時(shí)退出上傳并返回錯(cuò)誤信息
*/ 
if(!in_array($myImgSuffix, $allowSuffix)){                             
        exit("文件后綴名不符");
}
/*
mime類(lèi)型和文件后綴名的對(duì)應(yīng)關(guān)系,我們可以通過(guò)很多途徑查詢到,為了避免用戶自主修改文件后綴名造成文件無(wú)法使用。
mime類(lèi)型也必須做出限制檢查mime類(lèi)型,是為了防止上傳者直接修改文件后綴名
導(dǎo)致文件不可用或上傳的文件不符合要求。
*/
//數(shù)組內(nèi)容為允許上傳的mime類(lèi)型
$allowMime = array(
            "image/jpg",
            "image/jpeg",
            "image/pjpeg",
            "image/gif"
            );
if(!in_array($_FILES['file']['type'], $allowMime)){                      //判斷上傳文件的mime類(lèi)型是否在允許的范圍內(nèi)
      exit('文件格式不正確,請(qǐng)檢查');
    //如果不在允許范圍內(nèi),退出上傳并返回錯(cuò)誤信息
}

5.生成指定的路徑和文件名

按照項(xiàng)目的文件安排,生成文件存儲(chǔ)路徑,為了避免文件名重復(fù)而產(chǎn)生的錯(cuò)誤,按照一定的格式,生成一個(gè)隨機(jī)文件名。

//指定上傳文件夾
$path = "upload/images/";
/*
根據(jù)當(dāng)前時(shí)間生成隨機(jī)文件名,本行代碼是使用當(dāng)前時(shí)間 + 隨機(jī)一個(gè)0-9的數(shù)字組合成文件名,后綴即為前面取到的文件后綴名
*/
$name = date('Y').date('m').date("d").date('H').date('i').date('s').rand(0,9).'.'.$myImgSuffix;

6.判斷是否是上傳文件

is_uploaded_file()函數(shù)是專(zhuān)用的函數(shù),來(lái)判斷目標(biāo)文件是否是上傳文件。

<?php
//使用is_uploaded_file()判斷是否是上傳文件,函數(shù)介紹見(jiàn)上文
if(is_uploaded_file($_FILEs['file']['tmp_name'])){    
}
?>

7.移動(dòng)文件到指定位置

使用move_uploaded_file()函數(shù),將文件移動(dòng)到指定的位置,并命名。需要注意的是,Linux系統(tǒng)中對(duì)目標(biāo)目錄是否有權(quán)限及磁盤(pán)空間是否足夠,否則會(huì)導(dǎo)致上傳操作失敗。

/*
使用move_uploaded_file()移動(dòng)上傳文件至指定位置,第一個(gè)參數(shù)為上傳文件,第二個(gè)參數(shù)為我們?cè)谇懊嬷付ǖ纳蟼髀窂胶兔Q(chēng)。
*/
 
if(move_uploaded_file($_FILEs['file']['tmp_name'], $path.$name)){
            //提示文件上傳成功
            echo "上傳成功";                                
        }else{
/*
文件移動(dòng)失敗,檢查磁盤(pán)是否有足夠的空間,或者linux類(lèi)系統(tǒng)中文件夾是否有足夠的操作權(quán)限
*/
            echo '上傳失敗';                                                
        }
    }else{
        echo '不是上傳文件';
    }
}
?>

完整代碼如下:

<?php
if ($_FILES['file']['error'] > 0) {
    switch ($_FILES['file']['error']) {
        //錯(cuò)誤碼不為0,即文件上傳過(guò)程中出現(xiàn)了錯(cuò)誤
        case '1':
            echo '文件過(guò)大';
            break;
        case '2':
            echo '文件超出指定大小';
            break;
        case '3':
            echo '只有部分文件被上傳';
            break;
        case '4':
            echo '文件沒(méi)有被上傳';
            break;
        case '6':
            echo '找不到指定文件夾';
            break;
        case '7':
            echo '文件寫(xiě)入失敗';
            break;
        default:
            echo "上傳出錯(cuò)<br/>";
    }
} else {

    $MAX_FILE_SIZE = 100000;
    if ($_FILES['file']['size'] > $MAX_FILE_SIZE) {
        exit("文件超出指定大小");

    }

    $allowSuffix = array(
        'jpg',
        'gif',
    );

    $myImg = explode('.', $_FILES['file']['name']);

    $myImgSuffix = array_pop($myImg);

    if (!in_array($myImgSuffix, $allowSuffix)) {
        exit("文件后綴名不符");
    }

    $allowMime = array(
        "image/jpg",
        "image/jpeg",
        "image/pjpeg",
        "image/gif",
    );

    if (!in_array($_FILES['file']['type'], $allowMime)) {
        exit('文件格式不正確,請(qǐng)檢查');
    }

    $path = "upload/images/";
    $name = date('Y') . date('m') . date("d") . date('H') . date('i') . date('s') . rand(0, 9) . '.' . $myImgSuffix;

    if (is_uploaded_file($_FILEs['file']['tmp_name'])) {

        if (move_uploaded_file($_FILEs['file']['tmp_name'], $path . $name)) {
            echo "上傳成功";
        } else {
            echo '上傳失敗';
        }

    } else {
        echo '不是上傳文件';
    }

}
?>

六、多文件上傳

介紹了PHP上傳單個(gè)文件的過(guò)程。但是有些時(shí)候,為了使用方便,我們需要滿足同時(shí)上傳多個(gè)文件的需求。多文件上傳原理相同,不過(guò)在處理數(shù)據(jù)時(shí),需要對(duì)上傳數(shù)據(jù)進(jìn)行特殊處理。

<html>
    <head>
        <meta charset="utf-8" />
        <title>單文件上傳</title>
    </head>
    <body>
        <form action="morefile.php" method="post" enctype="multipart/form-data">
         <input type="file" name="file[]">
         <input type="file" name="file[]">
         <input type="submit" value="上傳">
     </form>
    </body>
</html>

這里是一個(gè)簡(jiǎn)易的上傳頁(yè)面,form表單同時(shí)提交了兩個(gè)文件。我們 可以通過(guò)這個(gè)頁(yè)面提交內(nèi)容。

注:

  • ?input type="file" name="file[]"與之前相比f(wàn)ile后多加了一個(gè)中括號(hào)

  • 寫(xiě)了2個(gè)或者多個(gè)input type="file" name="file[]"?
    我們使用 $_FILES 來(lái)接收文件信息,打印并查看數(shù)組:

<?php
var_dump($_FILES); //打印$_FILES查看數(shù)組結(jié)構(gòu)
?>

數(shù)組結(jié)構(gòu)如右所示

我們可以看到,兩個(gè)文件被存儲(chǔ)在一個(gè)數(shù)組中,鍵名和上傳單文件是相同。所以,需要我們用for()循環(huán),來(lái)分別取出兩個(gè)文件的需要用到的數(shù)據(jù)。

在$_FILES中同時(shí)保存了兩個(gè)文件的數(shù)據(jù),我們需要使用一個(gè)簡(jiǎn)單的循環(huán),來(lái)讀取單個(gè)文件的信息,并將文件移動(dòng)到我們想要放的位置。

for ($i=0; $i < count($_FILE['file']['name']); $i++) {  
/*
用is_uploaded_file()函數(shù)判斷是上傳文件
并且沒(méi)有出現(xiàn)錯(cuò)
*/
    if(is_uploaded_file($_FILEs['file']['tmp_name'][$i]) && $_FILEs['file']['error'][$i] == 0){     
        if(move_uploaded_file($_FILEs['file']['tmp_name'][$i],'upload/'.$_FILE['file']['name'][$i])){
    //用move_uploaded_file()函數(shù)移動(dòng)文件到指定的位置并使用文件原名
    echo "上傳成功";
        }else{
            echo '上傳失敗';
        }
    }else{
       echo '上傳失敗';
    }
}

詳細(xì)的判斷過(guò)程,參見(jiàn)單文件上傳,這里只做了基本的判斷,并沒(méi)有對(duì)文件的大小及格式提醒。?
請(qǐng)按照業(yè)務(wù),自行判斷文件大小及格式進(jìn)行錯(cuò)誤提醒。


七、文件上傳進(jìn)度處理

當(dāng)文件過(guò)大,或者用戶網(wǎng)絡(luò)狀態(tài)一般,通常上傳過(guò)程需要一段時(shí)間,如果這時(shí)候讓用戶白屏等待的話,相信大部分用戶都會(huì)直接關(guān)掉應(yīng)用,所以一個(gè)監(jiān)控上傳進(jìn)度,并實(shí)時(shí)向用戶報(bào)告的需求就被產(chǎn)品汪擺在了桌面上。一個(gè)高逼格的上傳進(jìn)度提示,會(huì)讓你的應(yīng)用瞬間變成被仰望的存在。
PHP在5.4之前,總是需要安裝額外的擴(kuò)展才能監(jiān)控到文件上傳進(jìn)度。而從5.4開(kāi)始,引入session.upload_progress的新特性,我們只需要在php.ini中開(kāi)啟配置,即可通過(guò)session監(jiān)控文件上傳進(jìn)度。在php.ini中。

注:本章學(xué)習(xí)需要有session基礎(chǔ)和javascript和ajax基礎(chǔ)。

我們需要配置,注意查看和修改php.ini文件:

56.png

開(kāi)啟了配置,我們可以通過(guò)session,來(lái)記錄一個(gè)完整的文件上傳進(jìn)度。在session中,會(huì)出現(xiàn)一個(gè)如下結(jié)果的數(shù)組:

 $_SESSION["upload_progress_test"] = array(
    //請(qǐng)求時(shí)間
     "start_time" => 1234567890,
     // 上傳文件總大小
     "content_length" => 57343257,
     //已經(jīng)處理的大小
     "bytes_processed" => 453489,
     //當(dāng)所有上傳處理完成后為T(mén)RUE,未完成為false
     "done" => false,
 
     "files" => array(
      0 => array(
        //表單中上傳框的名字
 
       "field_name" => "file1",
 
       //上傳文件的名稱(chēng)
       "name" => "test1.avi",
 
       //緩存文件,上傳的文件即保存在這里
       "tmp_name" => "/tmp/phpxxxxxx",
 
       //文件上傳的錯(cuò)誤信息
       "error" => 0,
 
       //是否上傳完成,當(dāng)這個(gè)文件處理完成后會(huì)變成TRUE
       "done" => true,
 
       //這個(gè)文件開(kāi)始處理時(shí)間
       "start_time" => 1234567890,
 
       //這個(gè)文件已經(jīng)處理的大小
       "bytes_processed" => 57343250,     
      ),
 
      1 => array(
       "field_name" => "file2",
       "name" => "test2.avi",
       "tmp_name" => NULL,
       "error" => 0,
       "done" => false,                    
       "start_time" => 1234567899,
       "bytes_processed" => 54554,
      ),
     )
    );

這個(gè)數(shù)組詳細(xì)記錄了文件上傳的進(jìn)度,已經(jīng)處理完的文件狀態(tài)為true。下面,我們通過(guò)一個(gè)jQuery的AJAX實(shí)例,來(lái)學(xué)習(xí)一下文件上傳進(jìn)度的流程。

首先,在表單中,需要添加一個(gè)type=hidden 的 input 標(biāo)簽,標(biāo)簽 value 為自定義(建議使用有一定意義的值,因?yàn)檫@個(gè)值將要在后臺(tái)用到)

<form id="upload-form" action="upload.php" method="POST" enctype="multipart/form-data" style="margin:15px 0" target="hidden_iframe">
    <input type="hidden" name="<?php echo ini_get("session.upload_progress.name"); ?>" value="test" />
    <p><input type="file" name="file1" /></p>
    <p><input type="submit" value="Upload" /></p>
</form>
<div id="progress" style="margin-bottom:15px;display:none;">
    <div>0%</div>
</div>

這里,添加了一個(gè)ID為progress的div,作為展示上傳進(jìn)度的容器。我們通過(guò)js的setTimeout(),定時(shí)執(zhí)行ajax來(lái)獲取文件上傳進(jìn)度,后臺(tái)文件返回文件上傳的進(jìn)度百分比。

<script src="../jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
function fetch_progress(){
    $.get('progress.php',{ '<?php echo ini_get("session.upload_progress.name"); ?>' : 'test'}, function(data){
        var progress = parseInt(data);
        $('#progress .label').html(progress + '%');
        if(progress < 100){
            setTimeout('fetch_progress()', 100);    //當(dāng)上傳進(jìn)度小于100%時(shí),顯示上傳百分比
        }else{
            $('#progress .label').html('完成!'); //當(dāng)上傳進(jìn)度等于100%時(shí),顯示上傳完成
        }
    }, 'html');
}
 
$('#upload-form').submit(function(){
    $('#progress').show();
    setTimeout('fetch_progress()', 100);//每0.1秒執(zhí)行一次fetch_progress(),查詢文件上傳進(jìn)度
});
</script>

上面這段代碼,就是通過(guò)JQ的ajax,每0.1秒返回一次文件上傳進(jìn)度。并把進(jìn)度百分比在div 標(biāo)簽中顯示。

后臺(tái)代碼,需要分為兩個(gè)部分,upload.php處理上傳文件。progress.php 獲取session中的上傳進(jìn)度,并返回進(jìn)度百分比。

這里文件上傳就不再贅述,詳細(xì)步驟參見(jiàn)上文,upload.php:

<?php
if(is_uploaded_file($_FILES['file1']['tmp_name'])){                                            //判斷是否是上傳文件
    //unlink($_FILES['file1']['tmp_name']);    
    move_uploaded_file($_FILES['file1']['tmp_name'], "./{$_FILES['file1']['name']}");     //將緩存文件移動(dòng)到指定位置
}
?>
主要關(guān)注progress.php:
<?php
/*
開(kāi)啟session。請(qǐng)注意在session_start()之前,請(qǐng)不要有想瀏覽器輸出內(nèi)容的動(dòng)作,否則可能引起錯(cuò)誤。
*/
 
session_start();
 
//ini_get()獲取php.ini中環(huán)境變量的值
$i = ini_get('session.upload_progress.name');
 
//ajax中我們使用的是get方法,變量名稱(chēng)為ini文件中定義的前綴 拼接 傳過(guò)來(lái)的參數(shù)
$key = ini_get("session.upload_progress.prefix") . $_GET[$i];    
//判斷 SESSION 中是否有上傳文件的信息
if (!empty($_SESSION[$key])) {                                        
    //已上傳大小
    $current = $_SESSION[$key]["bytes_processed"];
    //文件總大小
    $total = $_SESSION[$key]["content_length"];
 
    //向 ajax 返回當(dāng)前的上傳進(jìn)度百分比。
    echo $current < $total ? ceil($current / $total * 100) : 100;
}else{
    echo 100;                                                       
}
?>

到這里,文件進(jìn)度的代碼就已經(jīng)完成了,配合前端,我們就可以做一個(gè)炫酷的文件上傳功能啦!

學(xué)習(xí)心得:牢記文件上傳的六個(gè)步驟

?


繼續(xù)學(xué)習(xí)
||
<?php if ($_FILES['file']['error'] > 0) { switch ($_FILES['file']['error']) { //錯(cuò)誤碼不為0,即文件上傳過(guò)程中出現(xiàn)了錯(cuò)誤 case '1': echo '文件過(guò)大'; break; case '2': echo '文件超出指定大小'; break; case '3': echo '只有部分文件被上傳'; break; case '4': echo '文件沒(méi)有被上傳'; break; case '6': echo '找不到指定文件夾'; break; case '7': echo '文件寫(xiě)入失敗'; break; default: echo "上傳出錯(cuò)<br/>"; } } else { $MAX_FILE_SIZE = 100000; if ($_FILES['file']['size'] > $MAX_FILE_SIZE) { exit("文件超出指定大小"); } $allowSuffix = array( 'jpg', 'gif', ); $myImg = explode('.', $_FILES['file']['name']); $myImgSuffix = array_pop($myImg); if (!in_array($myImgSuffix, $allowSuffix)) { exit("文件后綴名不符"); } $allowMime = array( "image/jpg", "image/jpeg", "image/pjpeg", "image/gif", ); if (!in_array($_FILES['file']['type'], $allowMime)) { exit('文件格式不正確,請(qǐng)檢查'); } $path = "upload/images/"; $name = date('Y') . date('m') . date("d") . date('H') . date('i') . date('s') . rand(0, 9) . '.' . $myImgSuffix; if (is_uploaded_file($_FILEs['file']['tmp_name'])) { if (move_uploaded_file($_FILEs['file']['tmp_name'], $path . $name)) { echo "上傳成功"; } else { echo '上傳失敗'; } } else { echo '不是上傳文件'; } } ?>
提交重置代碼