由于涉及到本地和服務(wù)器兩方面的安全問(wèn)題，所以基于input type="file"形式的頁(yè)面文件上傳一直處于一個(gè)很尷尬的位置。一方面，用戶不希望隱私泄露，所以瀏覽器無(wú)法對(duì)用戶在上傳時(shí)選擇的文件做有效的判 斷。另一方面，為了服務(wù)器端的安全，減輕傳輸負(fù)擔(dān)，系統(tǒng)又希望能在用戶開(kāi)始上傳之前就將非法的文件拒之門外。一來(lái)一去，基于原始input方式的上傳，成為網(wǎng)絡(luò)存儲(chǔ)網(wǎng)站避之唯恐不及的遺留性問(wèn)題，也造就了現(xiàn)在千奇百怪的插件、上傳客戶端。input方式的上傳就如此之差么？沈陽(yáng)網(wǎng)站制作告訴你當(dāng)然不是。上傳文件不大的時(shí)候，它還是非常簡(jiǎn)單可靠的，在PHP中，我們只需要一個(gè)復(fù)合型表單：

 

 

<form enctype="multipart/form-data" action="__URL__" method="POST">

一個(gè)輸入框：

 

 

<input name="userfile" type="file" />

和服務(wù)器端的一行代碼：

 

 

move_uploaded_file($_FILES['userfile']['tmp_name'], '/var/www/uploads/'. basename($_FILES['userfile']['name']));

就可以實(shí)現(xiàn)整個(gè)上傳過(guò)程。

 

 

但隨文件增大，表單上傳的不足就會(huì)暴露出來(lái)。尤其是我們想取得最基本的文件大小來(lái)阻止過(guò)大文件上傳這一簡(jiǎn)單的想法，也變得如此困難。以下一一道來(lái)：

 

 

通過(guò)MAX_FILE_SIZE

 

 

MAX_FILE_SIZE 隱藏字段（單位為字節(jié)）必須放在文件輸入字段之前，其值為接收文件的最大尺寸。這是對(duì)瀏覽器的一個(gè)建議，PHP 也會(huì)檢查此項(xiàng)。在瀏覽器端可以簡(jiǎn)單繞過(guò)此設(shè)置，因此不要指望用此特性來(lái)阻擋大文件。實(shí)際上，PHP 設(shè)置中的上傳文件最大值是不會(huì)失效的。但是最好還是在表單中加上此項(xiàng)目，因?yàn)樗梢员苊庥脩粼诨〞r(shí)間等待上傳大文件之后才發(fā)現(xiàn)文件過(guò)大上傳失敗的麻煩。

 

 

顯然PHP的開(kāi)發(fā)者們也考慮到了大文件上傳的問(wèn)題，但就像手冊(cè)所說(shuō)，MAX_FILE_SIZE只是對(duì)瀏覽器的一個(gè)建議，事實(shí)上目前為止所有主流的瀏覽器并沒(méi)有采納這個(gè)建議，所以采用MAX_FILE_SIZE約束文件大小形同擺設(shè)，不可行。

 

 

通過(guò)服務(wù)器端

 

 

MAX_FILE_SIZE既然無(wú)效，那么用戶可以將文件上傳到服務(wù)器，服務(wù)器端通過(guò)$_FILES['userfile']['size']判斷用戶上 傳的文件大小，然后決定是否接受上傳并返回信息。暫且排除服務(wù)器的負(fù)荷以及可能存在的惡意破壞行為，這種解決方案聽(tīng)起來(lái)無(wú)非是浪費(fèi)一部分帶寬，也能對(duì)用戶 上傳文件作出約束。

 

 

但這也是不可行的，PHP的文件上傳受到php.ini以下這些設(shè)置的影響:

 

 

post_max_size

upload_max_filesize

max_execution_time

memory_limit

雖然設(shè)置方法在手冊(cè) 中都有比較詳細(xì)的說(shuō)明，之所以仍然說(shuō)此方法不可行，是因?yàn)閜hp執(zhí)行腳本在超過(guò)memory_limit時(shí)，該次的POST數(shù)據(jù)會(huì)全部丟失并且不會(huì)報(bào)錯(cuò)！

 

 

試想用戶填寫了一個(gè)超長(zhǎng)的表單，并伴隨一個(gè)超過(guò)memory_limit的文件一起上傳，經(jīng)過(guò)了漫長(zhǎng)的等待時(shí)間之后發(fā)現(xiàn)等來(lái)的又是一張干干凈凈的空白表 單，那是何等印象深刻的用戶體驗(yàn)啊。更何況數(shù)十M的服務(wù)器流量?jī)H僅用來(lái)檢測(cè)文件大小，是現(xiàn)在的網(wǎng)絡(luò)環(huán)境不允許的。

 

 

通過(guò)Javascript

 

 

Javascript是基于瀏覽器的，雖然JS能完成很多看似不可能的任務(wù)，但瀏覽器做不到的事情JS同樣無(wú)法做到。先天不足注定了這項(xiàng)工作僅僅靠Javascript是無(wú)法勝任的。不過(guò)一些IE Only的方法 也還是存在的，僅作參考 。

 

 

通過(guò)Flash

 

 

Flash的FileReference類提供了一套比較全面的文件處理方法，現(xiàn)在大多數(shù)大文件上傳也都采用了基于Flash的方案。如果利用Flash與Js交互，能否實(shí)現(xiàn)客戶端對(duì)文件大小的檢測(cè)呢？答案是可行的。

 

 

首先在flash文件中實(shí)例化FileReference類。

 

 

var fr = new FileReference();

基于這個(gè)類就可以用Flash提供的file browse和SelectFile事件替代瀏覽器的事件。我們需要：

 

 

1、綁定SelectFile

 

 

fr.addEventListener(Event.SELECT, onSelectFile);

2、創(chuàng)建一個(gè)供Js訪問(wèn)的對(duì)象，用來(lái)放置flash得到的文件信息

 

 

var s = {

    size:0,

    name:'',

    type:''

}

3、創(chuàng)建file browse方法

 

 

function browseFile():void {<br>

    fr.browse();<br>

}

4、當(dāng)SelectFile事件觸發(fā)的時(shí)候，傳遞文件信息

 

 

function onSelectFile(e:Event):void {<br>

    s.size = fr.size;<br>

    s.name = fr.name;<br>

    s.type = fr.type;<br>

}

5、將browseFile方法公開(kāi)可供Js調(diào)用

 

 

ExternalInterface.addCallback("browseFile", browseFile);

6、將得到的文件信息傳遞給Js

 

 

ExternalInterface.call("onSelectFile",s);

現(xiàn)在我們已經(jīng)可以通過(guò)Js獲得由flash傳遞來(lái)的文件大小信息了，具體的實(shí)現(xiàn)可以參看Demo 。