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

來源:互聯網
上載者:User

一、無組件上傳的原理
我還是一點一點用一個執行個體來說明的吧,用戶端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的檔案,使用第一種方式記憶體一直在漲,到最後直接提示電腦虛擬記憶體不足,最可恨是即使進度條表示檔案已經上傳完,但是最終檔案還是沒有儲存上。而使用後一種方法,上傳過程中記憶體基本上無什麼變化。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.