本來覺得這個系統(tǒng)會很復雜,但把每個部分都分 " /> 国产麻豆福利AV在线观看,精品区2区3区4区产品乱码9,久久99亚洲AV无码四区碰碰

天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

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

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

效果預覽

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

程序說明

 

【無刷新上傳】
要實現文件上傳,form必須設置幾個屬性:
1.action:設為要處理數據的頁面地址;
2.method:設為"post";
3.enctype/encoding:必須設為"multipart/form-data",這里要注意的是在ie中用js修改form的enctype屬性是沒有效果的,只能修改encoding;

后面兩個屬性程序初始化時都有設置:

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

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

 

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

Code


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

 

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

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

【后臺】

 

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

Code

NET技術仿163網盤無刷新文件上傳系統(tǒng),轉載需保留來源!

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

主站蜘蛛池模板: yin荡体育课羞耻play双性 | 国产精品爽爽久久久久久蜜桃网站 | 快播黄色电影 | 麻豆E奶女教师国产精品 | 欧美Av无码高清在线 | 欧美videosgratis杂交| 午夜影院美女 | 亚洲精品在线不卡 | 成人久久欧美日韩一区二区三区 | 国产午夜人做人免费视频中文 | 囯产愉拍亚洲精品一区 | 久久香蕉国产线看观看首页 | 国产精品国产三级国产an | 国内精品久久久久久久试看 | 少妇无码吹潮久久精品AV网站 | 秋霞午夜一级理论片久久 | 一个人免费完整观看日本 | 美女穿丝袜被狂躁动态图 | 秋霞电影院兔费理论观频84mb | 60岁老年熟妇在线无码 | 成年视频国产免费观看 | 掀开奶罩边躁狠狠躁软学生 | 色老板美国在线观看 | 国产欧美一区二区精品仙草咪 | 扒开女生尿口 | 中文无码热在线视频 | 成人性生交大片免费看中文 | 99视频在线精品免费观看18 | 永久免费观看视频 | 一个人免费观看HD完整版 | 国精产品一区二区三区 | 成人公开免费视频 | 久久这里只有热精品18 | 夜色福利院在线观看免费 | 国产精品美女久久久久浪潮AV | 一攻多受高h大总攻 | 亚洲99精品A片久久久久久 | 日本亚洲中文字幕无码区 | 外女思春台湾三级 | 最新国产亚洲亚洲精品视频 | WRITEAS塞红酒瓶 |