程式師世界 >> 編程語言 >> 網頁編程 >> ASP編程 >> 關於ASP編程 >> Asp無組件上傳進度條解決方案

Asp無組件上傳進度條解決方案

編輯：關於ASP編程

一、無組件上傳的原理
我還是一點一點用一個實例來說明的吧，客戶端HTML如下。要浏覽上傳附件，我們通過<input type="file">元素，但是一定要注意必須設置form的enctype屬性為"multipart/form-data"：

<form method="post" action="upload.asp" enctype="multipart/form-data">
<label>
<input type="file" name="file1" />
</label>
<br />
<input type="text" name="filename" value="default filename"/>
<br />
<input type="submit" value="Submit"/>
<input type="reset" value="Reset"/>
</form>

在後台asp程序中，以前獲取表單提交的ASCII 數據，非常的容易。但是如果需要獲取上傳的文件，就必須使用Request對象的BinaryRead方法來讀取。BinaryRead方法是對當前輸入流進行指定字節數的二進制讀取，有點需要注意的是，一旦使用BinaryRead 方法後，再也不能使用Request.Form 或 Request.QueryString 集合了。結合Request對象的TotalBytes屬性，可以將所有表單提交的數據全部變成二進制，不過這些數據都是經過編碼的。首先讓我們來看看這些數據是如何編碼的，有無什麼規律可循，編段代碼，在代碼中我們將BinaryRead讀取的二進制轉化為文本，輸出出來，在後台的upload.asp中（注意該示例不要上傳大文件，否則可能會造成浏覽器死掉）：
<%
Dim biData, PostData
Size = Request.TotalBytes
biData = Request.BinaryRead(Size)
PostData = BinaryToString(biData,Size)
Response.Write "<pre>" & PostData & "</pre>" '使用pre，原樣輸出格式
' 借助RecordSet將二進制流轉化成文本
Function BinaryToString(biData,Size)
Const adLongVarChar = 201
Set RS = CreateObject("ADODB.Recordset")
RS.Fields.Append "mBinary", adLongVarChar, Size
RS.Open
RS.AddNew
RS("mBinary").AppendChunk(biData)
RS.Update
BinaryToString = RS("mBinary").Value
RS.Close
End Function
%>

簡單起見，上傳一個最簡單的文本文件(G:\homepage.txt，內容為"寶玉：http://www.webuc.net";)來試驗一下，文本框filename中保留默認值"default filename"，提交看看輸出結果：

-----------------------------7d429871607fe
Content-Disposition: form-data; name="file1"; filename="G:\homepage.txt"
Content-Type: text/plain
寶玉：http://www.webuc.net
-----------------------------7d429871607fe
Content-Disposition: form-data; name="filename"
default filename
-----------------------------7d429871607fe--

可以看出來對於表單中的項目，是用過"-----------------------------7d429871607fe"這樣的邊界來分隔成一塊一塊的，每一塊的開始都有一些描述信息，例如：Content-Disposition: form-data; name="filename"，在描述信息中，通過name="filename"可以知道表單項的name。如果有filename="G:\homepage.txt"這樣的內容，說明是一個上傳的文件，如果是一個上傳的文件，那麼枋鲂畔⒒岫嘁恍蠧ontent-Type: text/plain來描述文件的Content-Type。描述信息和主體信息之間是通過換行來分隔的。

嗯，基本上清晰了，根據這個規律我們就知道該怎麼來分離數據，再對分離的數據進行處理了，不過差點忽略一個問題，就是邊界值(上例中的"-----------------------------7d429871607fe")是怎麼知道的？每次上傳這個邊界值是不一樣的，還好還好asp中可以通過Request.ServerVariables( "HTTP_CONTENT_TYPE")來獲之，例如上例中HTTP_CONTENT_TYPE內容為："multipart/form-data; boundary=---------------------------7d429871607fe"，有了這個，我們不僅可以判斷客戶端的form中有無使用enctype="multipart/form-data"(如果沒有使用，那麼下面就沒必要執行啦)，還可以獲取邊界值boundary=---------------------------7d429871607fe。（注意：這裡獲取的邊界值比上面的邊界值開頭要少"--"，最好補充上。）

至於如何分析數據的過程我就不多贅述了，無非就是借助InStr,Mid等這樣的函數來分離出來我們想要的數據。

二、分塊上傳，記錄進度
要實時反映進度條，實質就是要實時知道當前服務器獲取了多少數據？再回想一下我們實現上傳的過程，我們是通過Request.BinaryRead(Request.TotalBytes)來實現的，在Request的過程中我們無法得知當前服務器獲取了多少數據。所以只能通過變通的方法了，如果我們可以將獲取的數據分成一塊一塊的，然後根據已經上傳的塊數我們就可以算出來當前上傳了多大了！也就是說，如果我1K為1塊，那麼上傳1MB的輸入流就分成1024塊來獲取，例如我當前已經獲取了100塊，那麼就表明當前上傳了100K。當我提出分塊的時候很多人覺得不可思議，因為他們都忽略BinaryRead方法不僅是可以讀取指定大小，而且可以連續讀取的。

寫個例子來驗證一下分塊讀取的完整性，在剛才的例子基礎上（注意該示例不要上傳大文件，否則可能會造成浏覽器死掉）：

<%
Dim biData, PostData, TotalBytes, ChunkBytes
ChunkBytes = 1 * 1024 ' 分塊大小為1K
TotalBytes = Request.TotalBytes ' 總大小
PostData = "" ' 轉化為文本類型後的數據
ReadedBytes = 0 ' 初始化為0
' 分塊讀取
Do While ReadedBytes < TotalBytes
biData = Request.BinaryRead(ChunkBytes) ' 當前塊
PostData = PostData & BinaryToString(biData,ChunkBytes) ' 將當前塊轉化為文本並拼接
ReadedBytes = ReadedBytes + ChunkBytes ' 記錄已讀大小
If ReadedBytes > TotalBytes Then ReadedBytes = TotalBytes
Loop
Response.Write "<pre>" & PostData & "</pre>" ' 使用pre，原樣輸出格式
' 將二進制流轉化成文本
Function BinaryToString(biData,Size)
Const adLongVarChar = 201
Set RS = CreateObject("ADODB.Recordset")
RS.Fields.Append "mBinary", adLongVarChar, Size
RS.Open
RS.AddNew
RS("mBinary").AppendChunk(biData)
RS.Update
BinaryToString = RS("mBinary").Value
RS.Close
End Function
%>

試驗一下上傳剛才的文本文件，輸出結果證明這樣分塊讀取的內容是完整的，並且在While循環中，我們可以在每次循環時將當前狀態記錄到Application中，然後我們就可以通過訪問該Application動態獲取上傳進度條。

另：上例中是通過字符串拼接的，如果是要拼接二進制數據，可以通過ADODB.Stream對象的Write方法，示例代碼如下：

Set bSourceData = createobject("ADODB.Stream")
bSourceData.Open
bSourceData.Type = 1 'Binary
Do While ReadedBytes < TotalBytes
biData = Request.BinaryRead(ChunkBytes)
bSourceData.Write biData ' 直接使用write方法將當前文件流寫入bSourceData中
ReadedBytes = ReadedBytes + ChunkBytes
If ReadedBytes > TotalBytes Then ReadedBytes = TotalBytes
Application("ReadedBytes") = ReadedBytes
Loop

三、保存上傳的文件
通過Request.BinaryRead獲取提交數據，分離出上傳文件後，根據數據類型的不同，保存方式也不同：

對於二進制數據，可以直接通過ADODB.Stream對象的SaveToFile方法，將二進制流保存成為文件。
對於文本數據，可以通過TextStream對象的Write方法，將文本數據保存到文件中。
對於文本數據和二進制數據，是可以方便的相互轉換的，對於上傳小文件來說，兩者基本上沒什麼差別。但是兩種方式保存時還是有一些差別的，對於ADODB.Stream對象，必須將所有數據全部裝載完才可以保存成文件，所以使用這種方式如果上傳大文件將很占用內存，而對於TextStream對象，可以在文件創建好後，一次Write一部分，分多次Write，這樣的好處是不會占用服務器內存空間，結合上面分析的分塊獲取數據原理，我們可以每獲取一塊上傳數據就將之Write到文件中。我曾做過試驗，同樣本機上傳一個200多MB的文件，使用第一種方式內存一直在漲，到最後直接提示計算機虛擬內存不足，最可恨是即使進度條表示文件已經上傳完，但是最終文件還是沒有保存上。而使用後一種方法，上傳過程中內存基本上無什麼變化。