asp.net 簡便無刷新文件上傳系統(tǒng)

2024-07-10 12:41:27

字體：大中小

來源：轉載

供稿：網(wǎng)友

ps：flash實現(xiàn)的效果是好得多，但這不是我研究的范圍，也沒什么可比性。

兼容：ie6/7/8, firefox 3.5.5, opera 10.01, safari 4.0.3, chrome 3.0
效果預覽

選擇文件	操作	狀態(tài)
文件上傳
	重置	選擇文件
	重置	選擇文件
	重置	選擇文件

ps：由于需要后臺，要測試系統(tǒng)請下載實例測試。
ps2：在完整實例文件中，還有一個文件屬性查看實例。

程序說明

【upload】

程序中最重要的方法就是upload了，調用它就可以進行無刷新上傳。
upload的過程是這樣的，首先用stop方法停止上一次上傳，并判斷是否選擇文件。
然后分別調用_setIframe，_setForm和_setInput，生成需要的iframe，form和input。

如果設置了timeout屬性的話，會自動設置計時器：
代碼如下:
if ( this.timeout > 0 ) {
this._timer = setTimeout( $$F.bind(this._timeout, this), this.timeout * 1000 );
}

ps：經(jīng)測試，小于0的延時時間，ie會取消執(zhí)行，而其他瀏覽器會當成0執(zhí)行。

程序有一個_sending屬性用來判斷上傳狀態(tài)。
在stop（停止），dispose（銷毀），_finis（完成），_timeout（超時）時會把它設為false。
而在上傳開始前要把它設置為true。

最后提交表單就開始上傳了。

【iframe】

程序使用_setIframe函數(shù)來創(chuàng)建無刷新需要的iframe。

由于ie中iframe的name不能修改的問題，要這樣創(chuàng)建iframe：
代碼如下:
var iframename = "QUICKUPLOAD_" + QuickUpload._counter++,
iframe = document.createElement( $$B.ie ? "<iframe name=/"" + iframename + "/">" : "iframe");
iframe.name = iframename;
iframe.style.display = "none";

ps：關于iframe的name的問題參考這里的iframe部分。
ie8已經(jīng)可以修改name了，但在非標準（怪辟）模式下還是不能修改。

上一篇：asp.net生成驗證碼（純數(shù)字）

下一篇：asp.net生成驗證碼代碼（純中文）