本來(lái)覺(jué)得這個(gè)系統(tǒng)會(huì)很復(fù)雜,但把每個(gè)部分都分 " /> 国产综合久久,国产成人精品午夜,亚洲网站久久

中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

仿163網(wǎng)盤無(wú)刷新文件上傳系統(tǒng)

這個(gè)仿163網(wǎng)盤無(wú)刷新文件上傳系統(tǒng),并沒(méi)有用使用.NET的控件,完全的手工制作。前臺(tái)基本上是靜態(tài)的,跟后臺(tái)沒(méi)有關(guān)系,所以后臺(tái)用什么語(yǔ)言做都可以(后面有各個(gè)版本的實(shí)例下載)。
本來(lái)覺(jué)得這個(gè)系統(tǒng)會(huì)很復(fù)雜,但把每個(gè)部分都分析清楚后,其實(shí)需要的技術(shù)并不高。不過(guò)當(dāng)我把各個(gè)功能函數(shù)都整理好準(zhǔn)備進(jìn)行封裝時(shí),卻發(fā)現(xiàn)要把程序封裝不是那么容易,因?yàn)槌绦蚋鷋tml的耦合度太高。然后我逐步把程序中操作html相關(guān)的部分分離出來(lái),首先把簡(jiǎn)單的分離,接著是文件列表,然后是file控件,最后是一些提示性程序。經(jīng)過(guò)幾次嘗試才把整個(gè)結(jié)構(gòu)封裝好,現(xiàn)在程序結(jié)構(gòu)應(yīng)該算比較清晰,有什么不明白的地方歡迎留言。

效果預(yù)覽

上傳文件
添加文件:
文件路徑 
溫馨提示:最多可同時(shí)上傳 個(gè)文件,只允許上傳 文件。
   
這里的預(yù)覽只是前臺(tái)的效果,要整個(gè)系統(tǒng)測(cè)試請(qǐng)下載完整實(shí)例。

程序說(shuō)明

 

【無(wú)刷新上傳】
要實(shí)現(xiàn)文件上傳,form必須設(shè)置幾個(gè)屬性:
1.action:設(shè)為要處理數(shù)據(jù)的頁(yè)面地址;
2.method:設(shè)為"post";
3.enctype/encoding:必須設(shè)為"multipart/form-data",這里要注意的是在ie中用js修改form的enctype屬性是沒(méi)有效果的,只能修改encoding;

后面兩個(gè)屬性程序初始化時(shí)都有設(shè)置:

this.Form.method = "post";
this.Form.encoding = "multipart/form-data";

【多文件上傳】
對(duì)于多文件上傳,這里的目的是如何做到163網(wǎng)盤那樣,只用一個(gè)file控件就實(shí)現(xiàn)多文件上傳。
這里參考了163網(wǎng)盤的思路,下面說(shuō)說(shuō)如何實(shí)現(xiàn):
首先必須有一個(gè)文件空間(我自己定的名字),例如程序中的"idFile"對(duì)象,這個(gè)空間不需要內(nèi)容甚至一個(gè)div就可以,主要是用來(lái)存放file控件,程序中Folder屬性就是這個(gè)文件空間對(duì)象。
ps:這里的要求是把file控件都控制在文件空間里,即使不是單file控件的情況。
再說(shuō)說(shuō)Files屬性,這個(gè)屬性放的是file控件集合,方便獲取file控件,在下面“文件列表”就會(huì)用到。

 

處理這些file控件的程序主要在Ini函數(shù)中:
首先是處理文件空間中的file控件:

Code


【文件列表】
在上面的Ini函數(shù)中,最后執(zhí)行了一個(gè)附加函數(shù)onIni,這個(gè)函數(shù)是用戶自己定義的,我就在這個(gè)函數(shù)中添加文件列表。

 

在之前先說(shuō)說(shuō)添加文件列表的函數(shù)AddList,這個(gè)函數(shù)是用來(lái)把file控件的值列在一個(gè)table里面。
函數(shù)的參數(shù)是一個(gè)二維數(shù)組,其中第一維是行(tr),第二維是列(td)。
首先獲取列表對(duì)象FileList,再定義一個(gè)文檔碎片oFragment來(lái)操作dom:

var FileList = $("idFileList"), oFragment = document.createDocumentFragment();

【后臺(tái)】

 

前臺(tái)基本完成了,就到后臺(tái)啦。后臺(tái)的功能很簡(jiǎn)單,就是處理傳遞過(guò)來(lái)的文件數(shù)據(jù)。
這里像js + .NET 圖片切割系統(tǒng)那樣使用ashx文件處理IHttpHandler發(fā)送過(guò)來(lái)的數(shù)據(jù)。
程序很簡(jiǎn)單,就直接貼代碼了:

Code

NET技術(shù)仿163網(wǎng)盤無(wú)刷新文件上傳系統(tǒng),轉(zhuǎn)載需保留來(lái)源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产亚洲精品久久久久动 | 国产亚洲高清视频 | 日韩一区二区在线播放 | 国产免费一区二区 | 一区二区三区视频播放 | 激情欧美一区二区三区中文字幕 | 丁香婷婷综合激情五月色 | 天天干天天干 | 亚洲精品视频在线看 | 91不卡 | 国产精品1区 | 日韩小视频| 亚洲高清一区二区三区 | 免费看黄视频网站 | 日本一区二区不卡 | 91影院 | 91精品国产91久久久久久 | 日韩av网址在线观看 | 亚洲精品免费在线观看 | 黄色欧美 | 精国产品一区二区三区 | 视频一区二区三区中文字幕 | 日韩中文字幕一区 | 日韩欧美综合在线视频 | 欧美一二三区 | 亚洲综合天堂网 | 免费在线观看黄视频 | 日韩欧美国产精品 | 亚洲国产第一页 | 国产成人精品区一区二区不卡 | 国产美女在线精品免费 | 蜜桃视频在线观看免费视频网站www | 久久久夜夜夜 | 在线视频日韩 | 亚洲国产视频一区 | 日韩综合色 | 精品一区二区三区在线观看 | 日韩在线视频一区 | 午夜精品久久久久久久久久久久久 | 中国美女撒尿txxxxx视频 | 成人精品一区二区三区中文字幕 |