asp.net 簡便無刷新文件上傳系統(tǒng)
更新時間：2012年05月07日 22:59:55 作者：
之前寫過一個仿163網(wǎng)盤無刷新多文件上傳系統(tǒng)，已經(jīng)對無刷新上傳文件的原理做了詳細(xì)的分析而這次的系統(tǒng)主要是針對單個file控件的，便攜版，使用更簡單，還有更深入的分析
ps：flash實現(xiàn)的效果是好得多，但這不是我研究的范圍，也沒什么可比性。
兼容：ie6/7/8, firefox 3.5.5, opera 10.01, safari 4.0.3, chrome 3.0
效果預(yù)覽
程序說明
【upload】
程序中最重要的方法就是upload了，調(diào)用它就可以進行無刷新上傳。
upload的過程是這樣的，首先用stop方法停止上一次上傳，并判斷是否選擇文件。
然后分別調(diào)用_setIframe，_setForm和_setInput，生成需要的iframe，form和input。
如果設(shè)置了timeout屬性的話，會自動設(shè)置計時器：
if ( this.timeout > 0 ) {
this._timer = setTimeout( $$F.bind(this._timeout, this), this.timeout * 1000 );
}
ps：經(jīng)測試，小于0的延時時間，ie會取消執(zhí)行，而其他瀏覽器會當(dāng)成0執(zhí)行。
程序有一個_sending屬性用來判斷上傳狀態(tài)。
在stop（停止），dispose（銷毀），_finis（完成），_timeout（超時）時會把它設(shè)為false。
而在上傳開始前要把它設(shè)置為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：關(guān)于iframe的name的問題參考這里的iframe部分。
ie8已經(jīng)可以修改name了，但在非標(biāo)準(zhǔn)（怪辟）模式下還是不能修改。
其中使用了一個QuickUpload函數(shù)自身的_counter屬性做計算器，這就能保證各個實例的iframe的name就不會重復(fù)。
為了能在文件上傳完成后執(zhí)行回調(diào)函數(shù)，會在iframe的onload中執(zhí)行_finish函數(shù)：
var finish = this._fFINISH = $$F.bind(this._finish, this);
if ( $$B.ie ) {
iframe.attachEvent( "onload", finish );
} else {
iframe.onload = $$B.opera ? function(){ this.onload = finish; } : finish;
}
在ie需要用attachEvent來綁定onload，因為在ie中直接設(shè)置onload是無效的。
除了用attachEvent還可以用onreadystatechange代替。
至于原因我也不清楚，詳細(xì)參考“判斷 iframe 是否加載完成的完美方法”。
iframe的加載還有一個問題，測試以下代碼：
<body><div id="msg">狀態(tài)：</div></body>
<script>
var msg = document.getElementById("msg");
var iframe = document.createElement("iframe");
iframe.onload = function(){ msg.innerHTML += "onload,"; }
document.body.appendChild(iframe);
iframe.src = "http://cloudgamer.cnblogs.com/"
</script>
結(jié)果safari, chrome都會觸發(fā)onload兩次，而opera, ff和ie（請自行兼容）都是1次。
估計在safari和chrome在appendChild之后就進行第一次加載，并且在設(shè)置src之前加載完畢，所以觸發(fā)了兩次。
如果在插入body之前給iframe隨便設(shè)置一個src（除了空值），間接加長第一次加載，那么也只觸發(fā)一次了。
ps：不設(shè)置或空值的src相當(dāng)于鏈接到“about:blank”（空白頁）。
那么opera, ff和ie可能是第一次加載太慢，第二次覆蓋了第一次的，所以只觸發(fā)了一次onload。
ps：也可能是其他原因，例如瀏覽器優(yōu)化之類的，我也不確定。
針對加載過快的問題，可以在onload的時候根據(jù)_sending確定之前是否上傳狀態(tài)來解決。
雖然沒測試出來，會不會有_sending設(shè)置之后submit之前剛好觸發(fā)第一次onload的情況呢？
針對這個問題，在upload方法中會把_sending放在submit之后設(shè)置。
那如果在submit之后_sending設(shè)置之前就觸發(fā)了onload呢？（...囧）
這個情況基本不會出現(xiàn)，如果真的出現(xiàn)，就把_sending設(shè)置放到submit前面吧。
opera還有一個麻煩的問題，測試下面代碼：
<body>
<div id="msg">狀態(tài)：</div>
<form action="http://cloudgamer.cnblogs.com/" target="ifr">
</form>
</body>
<script>
var msg = document.getElementById("msg");
var iframe = document.createElement("iframe");
iframe.name = "ifr";
iframe.onload = function(){ msg.innerHTML += "onload,"; }
document.body.appendChild(iframe);
msg.innerHTML += "submit,";
document.forms[0].submit();
</script>
ie和ff顯示submit,onload，safari和chrome顯示的是onload,submit,onload，跟上面的分析一致。
而opera卻顯示submit,onload,onload，兩次onload都是在submit之后觸發(fā)的。
這個情況就不能單純用_sending來解決了。
是不是submit不能使iframe取消加載呢？
在appendChild之前設(shè)一個src，結(jié)果正常的只觸發(fā)onload一次，看來是可以的啊。
雖然不知道原因，辦法還是有的，一個是appendChild前設(shè)一個src，還可以在第一次onload中重新設(shè)置onload，像程序那樣。
但這兩個方法都存在不確定性，不能完全解決問題，但也找不到更好的方法了。
ff的onload還有一個問題，在出現(xiàn)ERROR_INTERNET_CONNECTION_RESET（文件大小超過服務(wù)器限制）之類的服務(wù)器錯誤時，即使加載完成也不會觸發(fā)onload，暫時找不到解決辦法。
iframe有一個缺陷是只能用onload判斷加載完成，但沒有辦法判斷是否加載成功。
沒有類似XMLHTTP的status的東西，遇上404之類的錯誤也沒辦法判別出來。
在使用時要做好這方面的處理，例如說明允許上傳文件大小，超時時間，如何處理長時間無響應(yīng)等。
【form】
程序使用_setForm函數(shù)來創(chuàng)建用來提交數(shù)據(jù)的form。
要實現(xiàn)無刷新上傳，要對form進行特殊的處理：
$$.extend(form, {
target: this._iframe.name, method: "post", encoding: "multipart/form-data"
});
ps：詳細(xì)看這里的無刷新上傳部分。
由于form是手動插入的，為了不影響原來頁面布局還要設(shè)置一下form樣式，使它“隱形”起來：
$$D.setStyle(form, {
padding: 0, margin: 0, border: 0,
backgroundColor: "transparent", display: "inline"
});
還要注意的是，同一個表單控件只能對應(yīng)一個form。
如果file控件本身已經(jīng)有一個form的話，必須在提交前移除：
file.form && $$E.addEvent(file.form, "submit", $$F.bind(this.dispose, this));
dispose方法是用來銷毀程序的，包括移除form。
ps：如果提交前submit被覆蓋的話要手動執(zhí)行一次dispose方法。
最后把form插入到dom：
file.parentNode.insertBefore(form, file).appendChild(file);
先把form插入到file控件之前，然后把file插入到form，這樣就能保證file在原來的位置上了。
【input】
如果有其他參數(shù)要傳遞，程序會使用_setInput函數(shù)來創(chuàng)建傳遞數(shù)據(jù)的表單控件。
由于生成的form里面只有file控件，要傳遞其他參數(shù)只能用程序生成了。
程序用一個_inputs集合來保存當(dāng)前在form中生成的表單控件。
首先根據(jù)自定義的parameter屬性創(chuàng)建表單控件：
for ( name in this.parameter ) {
var input = form[name];
if ( !input ) {
input = document.createElement("input");
input.name = name; input.type = "hidden";
form.appendChild(input);
}
input.value = this.parameter[name];
newInputs[name] = input;
delete oldInputs[name];
}
當(dāng)form中沒有對應(yīng)name的控件時，會自動生成一個hidden控件插入到form中。
其中newInputs是用來記錄當(dāng)前生成的控件的，而oldInputs就是_inputs集合。
當(dāng)設(shè)置過對應(yīng)name的控件后，就從oldInputs中刪除對應(yīng)控件的關(guān)聯(lián)。
然后移除oldInputs關(guān)聯(lián)的控件：
for ( name in oldInputs ) { form.removeChild( oldInputs[name] ); }
這樣就能移除上一次生成的無用的控件了。
最后重新記錄當(dāng)前控件到_inputs方便下次使用。
【stop】
如果想停止當(dāng)前上傳操作，可以調(diào)用stop方法。
一般來說當(dāng)iframe發(fā)生重載時，會取消上一次的載入，那么只要重新設(shè)置src就能取消上傳了。
測試以下代碼：
<body>
<iframe id="ifr" name="ifr"></iframe>
<form action="http://cloudgamer.cnblogs.com/" target="ifr">
</form>
</body>
<script>
document.forms[0].submit();
document.getElementById("ifr").src = "";
</script>
結(jié)果都能取消加載，除了opera，未知什么原因。
有兩個方法解決，一個是通過form隨便用一個action提交一次，還有就是直接移除iframe。
后一個方法比較方便，程序中用_removeIframe方法直接移除iframe。
ps：有更好方法的話記得告訴我。
【dispose】
當(dāng)使用結(jié)束或其他原因要銷毀程序時，可以調(diào)用dispose方法。
dispose里面主要做的是移除iframe和form。
移除iframe用的是_removeIframe方法，首先把onload移除，再把iframe從body移除：
var iframe = this._iframe;
$$B.ie ? iframe.detachEvent( "onload", this._fFINISH ) : ( iframe.onload = null );
document.body.removeChild(iframe); this._iframe = null;
十分簡單，但在ff有一個問題，測試以下代碼：
<form target="ifr" action="x">
<input id="btn" type="submit" value="click">
</form>
<iframe name="ifr" id="ifr"></iframe>
<script>
document.getElementById("btn").onclick = function(){
document.getElementById("ifr").onload = function(){
this.parentNode.removeChild(this);
};
}
</script>
提交后都能移除iframe，但ff還一直顯示“載入中”的狀態(tài)。
不過解決方法也很簡單，用setTimeout設(shè)置一個延時，讓iframe執(zhí)行完整就可以了。
所以在dispose中是這樣調(diào)用_removeIframe的：
if ( $$B.firefox ) {
setTimeout($$F.bind(this._removeIframe, this), 0);
} else {
this._removeIframe();
}
至于form的移除就比較簡單，在_removeForm這樣處理：
var form = this._form, parent = form.parentNode;
if ( parent ) {
parent.insertBefore(this.file, form); parent.removeChild(form);
}
this._form = this._inputs = null;
要判斷一下parentNode，否則如果parentNode不存在的話后面的會執(zhí)行出錯。
【file的reset】
在實例里，有一個用來重置file控件的ResetFile函數(shù)。
重置file控件一般的辦法是使所在的form執(zhí)行reset，但問題是會把其他表單控件也重置了。
以前由于安全問題，file的value是不允許修改的。
但現(xiàn)在ff，chrome和safari可以把它設(shè)為空值來實現(xiàn)重置：
file.value = "";
當(dāng)然其他值還是不允許的。
ps：記憶中以前是不行的，不知有沒有記錯。
對于opera，有一個變通的方法，利用它的type屬性：
file.type = "text"; file.type = "file";
通過修改type得到的file控件，value會自動還原成空值，這樣就間接把file控件清空了。
ps：利用這個方法可以間接得到文件路徑，但由于變回去后值就清空了，所以沒什么用。
而ie的表單控件的type設(shè)置后是不允許修改的，不能用opera的辦法。
不過還是有以下方法解決：
1，新建一個form，把file插進入后reset，再移除：
with(file.parentNode.insertBefore(document.createElement('form'), file)){
appendChild(file); reset(); removeNode(false);
}
好處是使用原生的reset，穩(wěn)定可靠，但效率低。
ps：removeNode只有ie和opera支持，如需兼容可改用removeChild的方式。
2，利用outerHTML，重建一個file控件：
file.outerHTML = file.outerHTML;
好處是高效，但由于是新創(chuàng)建的file控件，之前關(guān)聯(lián)的東西都丟失了。
ps：ff支持不支持outerHTML。
3，利用cloneNode，復(fù)制一個file控件：
file.parentNode.replaceChild(file.cloneNode(false), file);
跟上一個方法差不多，但效率更低。
4，利用select方法選中file控件的文本域，再進行清空：
file.select(); document.selection.clear();
或
file.select(); document.selection.clear();
看來沒什么問題，但file必須能被select（不能是隱藏狀態(tài)）。
ps：這兩個方法都只能在ie使用。
由于程序中file是需要關(guān)聯(lián)的，所以方法2和3都不能用。
方法4貌似也不錯，但有一個致命問題，在ie測試以下代碼：
<form><input id="test" name="file" type="file"></form>
<script>
document.getElementById("test").onchange = function(){
this.select(); document.selection.clear();
this.form.submit();
}
</script>
執(zhí)行到submit會顯示“拒絕訪問”的錯誤，原因不清楚，不知是ie故意的還是bug。
看來也只能使用方法1了：
function ResetFile(file){
file.value = "";//ff chrome safari
if ( file.value ) {
if ( $$B.ie ) {//ie
with(file.parentNode.insertBefore(document.createElement('form'), file)){
appendChild(file); reset(); removeNode(false);
}
} else {//opera
file.type = "text"; file.type = "file";
}
}
}
ps：有更好方法的話記得告訴我啊。
這個函數(shù)并不夠通用，最好還是根據(jù)實際情況選擇需要的方法。
使用技巧
【上傳文件數(shù)】
在文件上傳實例中，各個文件是同時上傳的。
經(jīng)測試，瀏覽器能同時上傳的文件數(shù)如下：
ie 2
ff 8
opera 8
chrome 6
safari 6
由于ie最多同時只能傳2個，所以設(shè)置更多文件也只能排隊，而不能達(dá)到同時上傳的效果的。
ps：只是目測結(jié)果，有錯請?zhí)岢觥?
【傳遞參數(shù)】
上傳文件實例中，可以傳遞對應(yīng)的修改文件名，在使用“一般上傳”多個文件一起上傳時也能找到對應(yīng)的文件名。
因為表單控件值傳遞到后臺后，獲取數(shù)據(jù)的順序跟前臺表單控件的排列順序是一致的。
只要保證前臺file控件跟對應(yīng)表單控件的排列順序一致就能利用這個特性獲取對應(yīng)的值了。
詳細(xì)參考后臺代碼。
【回調(diào)函數(shù)】
有兩個方法可以響應(yīng)上傳完成回調(diào)函數(shù)。
一種是后臺上傳完成后，在iframe輸出并執(zhí)行回調(diào)函數(shù)或通過parent調(diào)用父窗口的回調(diào)函數(shù)。
這種比較方便，但必須在iframe里面執(zhí)行處理，例如文件屬性查看實例。
另一種是在iframe的onload中執(zhí)行回調(diào)函數(shù)。
好處是可以把所有處理放在父窗口，iframe可以不做任何處理或用來反饋信息。
缺點是有兼容性問題，而且會有加載后沒有觸發(fā)onload的情況（上面的iframe部分有說明）。
上傳文件實例中就是在onFinish中處理在iframe中輸出的數(shù)據(jù)。
由于可能出現(xiàn)一些意外情況導(dǎo)致響應(yīng)很久，甚至沒有響應(yīng)，所以一定要設(shè)置timeout以防萬一。
【處理返回數(shù)據(jù)】
上面提到，可以在onFinish中處理在iframe中輸出的數(shù)據(jù)。
要從iframe的body中獲取數(shù)據(jù)，有以下幾個方法：
iframe.contentWindow.document.body.innerHTML
iframe.contentDocument.body.innerHTML
window.frames[iframename].document.body.innerHTML
其中前兩種差不多，后者比較簡便，但ie不支持contentDocument，可惜。
第三種是利用frames對象來獲取，注意這樣獲取的對象直接就是window對象。
由于程序能直接獲得iframe對象，所以用的是第一種方式。
不過有一個問題在iframe的部分也提過，就是返回錯誤信息頁面的問題。
在上傳文件實例中，在iframe中輸出的是json形式的文件信息數(shù)據(jù)。
在onFinish中是這樣處理的：
try{
var info = eval("(" + iframe.contentWindow.document.body.innerHTML + ")");
show("上傳完成");
}catch(e){
show("上傳失敗"); stop(); return;
}
只有返回正確的json格式數(shù)據(jù)才能正常運行，否則就拋出錯誤，間接地排除了404等錯誤信息。
ps：有更好方法的話歡迎提出。
【銷毀程序】
程序中有不少dom操作，在不需要繼續(xù)使用的時候最好執(zhí)行一次dispose方法來銷毀程序。
例如移除file之后，關(guān)閉窗口之前，提交表單之前，歷遍表單元素前等等。
既可以節(jié)省資源，防止dom的內(nèi)存泄漏，又能避免表單嵌套時的沖突問題。
【可用性】
看過“ppk談javascript”后，更加注重了可用性。
上傳實例在瀏覽器不支持js的情況下也能正常上傳，各位可以自行測試。
【編碼】
上一個無刷新上傳系統(tǒng)，很多人反映上傳后文件名亂碼，后來發(fā)現(xiàn)是編碼的問題。
當(dāng)有中文信息傳遞時，要注意前后臺的編碼必須統(tǒng)一，包括charset，文件編碼，web.config的配置等。
【asp版本】
asp版本跟.net版本功能是一樣的，使用無組件上傳類。
不過上傳類本身有一個缺陷導(dǎo)致提交同名file控件的話會出錯，經(jīng)過修改后現(xiàn)在可以正常使用了。
使用說明
實例化時，第一個必要參數(shù)是file控件對象：
new QuickUpload(file);
第二個可選參數(shù)用來設(shè)置系統(tǒng)的默認(rèn)屬性，包括
屬性: 默認(rèn)值//說明
parameter: {},//參數(shù)對象
action: "",//設(shè)置action
timeout: 0,//設(shè)置超時(秒為單位)
onReady: function(){},//上傳準(zhǔn)備時執(zhí)行
onFinish: function(){},//上傳完成時執(zhí)行
onStop: function(){},//上傳停止時執(zhí)行
onTimeout: function(){}//上傳超時時執(zhí)行
還提供了以下方法：
upload：執(zhí)行上傳操作；
stop：停止上傳操作；
dispose：銷毀程序。
程序源碼
var QuickUpload = function(file, options) {
this.file = $$(file);
this._sending = false;//是否正在上傳
this._timer = null;//定時器
this._iframe = null;//iframe對象
this._form = null;//form對象
this._inputs = {};//input對象
this._fFINISH = null;//完成執(zhí)行函數(shù)
$$.extend(this, this._setOptions(options));
};
QuickUpload._counter = 1;
QuickUpload.prototype = {
//設(shè)置默認(rèn)屬性
_setOptions: function(options) {
this.options = {//默認(rèn)值
action: "",//設(shè)置action
timeout: 0,//設(shè)置超時(秒為單位)
parameter: {},//參數(shù)對象
onReady: function(){},//上傳準(zhǔn)備時執(zhí)行
onFinish: function(){},//上傳完成時執(zhí)行
onStop: function(){},//上傳停止時執(zhí)行
onTimeout: function(){}//上傳超時時執(zhí)行
};
return $$.extend(this.options, options || {});
},
//上傳文件
upload: function() {
//停止上一次上傳
this.stop();
//沒有文件返回
if ( !this.file || !this.file.value ) return;
//可能在onReady中修改相關(guān)屬性所以放前面
this.onReady();
//設(shè)置iframe,form和表單控件
this._setIframe();
this._setForm();
this._setInput();
//設(shè)置超時
if ( this.timeout > 0 ) {
this._timer = setTimeout( $$F.bind(this._timeout, this), this.timeout * 1000 );
}
//開始上傳
this._form.submit();
this._sending = true;
},
//設(shè)置iframe
_setIframe: function() {
if ( !this._iframe ) {
//創(chuàng)建iframe
var iframename = "QUICKUPLOAD_" + QuickUpload._counter++,
iframe = document.createElement( $$B.ie ? "<iframe name=\"" + iframename + "\">" : "iframe");
iframe.name = iframename;
iframe.style.display = "none";
//記錄完成程序方便移除
var finish = this._fFINISH = $$F.bind(this._finish, this);
//iframe加載完后執(zhí)行完成程序
if ( $$B.ie ) {
iframe.attachEvent( "onload", finish );
} else {
iframe.onload = $$B.opera ? function(){ this.onload = finish; } : finish;
}
//插入body
var body = document.body; body.insertBefore( iframe, body.childNodes[0] );
this._iframe = iframe;
}
},
//設(shè)置form
_setForm: function() {
if ( !this._form ) {
var form = document.createElement('form'), file = this.file;
//設(shè)置屬性
$$.extend(form, {
target: this._iframe.name, method: "post", encoding: "multipart/form-data"
});
//設(shè)置樣式
$$D.setStyle(form, {
padding: 0, margin: 0, border: 0,
backgroundColor: "transparent", display: "inline"
});
//提交前去掉form
file.form && $$E.addEvent(file.form, "submit", $$F.bind(this.dispose, this));
//插入form
file.parentNode.insertBefore(form, file).appendChild(file);
this._form = form;
}
//action可能會修改
this._form.action = this.action;
},
//設(shè)置input
_setInput: function() {
var form = this._form, oldInputs = this._inputs, newInputs = {}, name;
//設(shè)置input
for ( name in this.parameter ) {
var input = form[name];
if ( !input ) {
//如果沒有對應(yīng)input新建一個
input = document.createElement("input");
input.name = name; input.type = "hidden";
form.appendChild(input);
}
input.value = this.parameter[name];
//記錄當(dāng)前input
newInputs[name] = input;
//刪除已有記錄
delete oldInputs[name];
}
//移除無用input
for ( name in oldInputs ) { form.removeChild( oldInputs[name] ); }
//保存當(dāng)前input
this._inputs = newInputs;
},
//停止上傳
stop: function() {
if ( this._sending ) {
this._sending = false;
clearTimeout(this._timer);
//重置iframe
if ( $$B.opera ) {//opera通過設(shè)置src會有問題
this._removeIframe();
} else {
this._iframe.src = "";
}
this.onStop();
}
},
//銷毀程序
dispose: function() {
this._sending = false;
clearTimeout(this._timer);
//清除iframe
if ( $$B.firefox ) {
setTimeout($$F.bind(this._removeIframe, this), 0);
} else {
this._removeIframe();
}
//清除form
this._removeForm();
//清除dom關(guān)聯(lián)
this._inputs = this._fFINISH = this.file = null;
},
//清除iframe
_removeIframe: function() {
if ( this._iframe ) {
var iframe = this._iframe;
$$B.ie ? iframe.detachEvent( "onload", this._fFINISH ) : ( iframe.onload = null );
document.body.removeChild(iframe); this._iframe = null;
}
},
//清除form
_removeForm: function() {
if ( this._form ) {
var form = this._form, parent = form.parentNode;
if ( parent ) {
parent.insertBefore(this.file, form); parent.removeChild(form);
}
this._form = this._inputs = null;
}
},
//超時函數(shù)
_timeout: function() {
if ( this._sending ) { this._sending = false; this.stop(); this.onTimeout(); }
},
//完成函數(shù)
_finish: function() {
if ( this._sending ) { this._sending = false; this.onFinish(this._iframe); }
}
}
完整實例下載
完整實例下載（asp版本）
相關(guān)應(yīng)用：JavaScript 圖片上傳預(yù)覽效果
轉(zhuǎn)載請注明出處：http://www.cnblogs.com/cloudgamer/
兼容：ie6/7/8, firefox 3.5.5, opera 10.01, safari 4.0.3, chrome 3.0
效果預(yù)覽
【upload】
程序中最重要的方法就是upload了，調(diào)用它就可以進行無刷新上傳。
upload的過程是這樣的，首先用stop方法停止上一次上傳，并判斷是否選擇文件。
然后分別調(diào)用_setIframe，_setForm和_setInput，生成需要的iframe，form和input。
如果設(shè)置了timeout屬性的話，會自動設(shè)置計時器：
復(fù)制代碼 代碼如下:
if ( this.timeout > 0 ) {
this._timer = setTimeout( $$F.bind(this._timeout, this), this.timeout * 1000 );
}
ps：經(jīng)測試，小于0的延時時間，ie會取消執(zhí)行，而其他瀏覽器會當(dāng)成0執(zhí)行。
程序有一個_sending屬性用來判斷上傳狀態(tài)。
在stop（停止），dispose（銷毀），_finis（完成），_timeout（超時）時會把它設(shè)為false。
而在上傳開始前要把它設(shè)置為true。
最后提交表單就開始上傳了。
【iframe】
程序使用_setIframe函數(shù)來創(chuàng)建無刷新需要的iframe。
由于ie中iframe的name不能修改的問題，要這樣創(chuàng)建iframe：
復(fù)制代碼 代碼如下:
var iframename = "QUICKUPLOAD_" + QuickUpload._counter++,
iframe = document.createElement( $$B.ie ? "<iframe name=\"" + iframename + "\">" : "iframe");
iframe.name = iframename;
iframe.style.display = "none";
ps：關(guān)于iframe的name的問題參考這里的iframe部分。
ie8已經(jīng)可以修改name了，但在非標(biāo)準(zhǔn)（怪辟）模式下還是不能修改。
其中使用了一個QuickUpload函數(shù)自身的_counter屬性做計算器，這就能保證各個實例的iframe的name就不會重復(fù)。
為了能在文件上傳完成后執(zhí)行回調(diào)函數(shù)，會在iframe的onload中執(zhí)行_finish函數(shù)：
復(fù)制代碼 代碼如下:
var finish = this._fFINISH = $$F.bind(this._finish, this);
if ( $$B.ie ) {
iframe.attachEvent( "onload", finish );
} else {
iframe.onload = $$B.opera ? function(){ this.onload = finish; } : finish;
}
在ie需要用attachEvent來綁定onload，因為在ie中直接設(shè)置onload是無效的。
除了用attachEvent還可以用onreadystatechange代替。
至于原因我也不清楚，詳細(xì)參考“判斷 iframe 是否加載完成的完美方法”。
iframe的加載還有一個問題，測試以下代碼：
復(fù)制代碼 代碼如下:
<body><div id="msg">狀態(tài)：</div></body>
<script>
var msg = document.getElementById("msg");
var iframe = document.createElement("iframe");
iframe.onload = function(){ msg.innerHTML += "onload,"; }
document.body.appendChild(iframe);
iframe.src = "http://cloudgamer.cnblogs.com/"
</script>
結(jié)果safari, chrome都會觸發(fā)onload兩次，而opera, ff和ie（請自行兼容）都是1次。
估計在safari和chrome在appendChild之后就進行第一次加載，并且在設(shè)置src之前加載完畢，所以觸發(fā)了兩次。
如果在插入body之前給iframe隨便設(shè)置一個src（除了空值），間接加長第一次加載，那么也只觸發(fā)一次了。
ps：不設(shè)置或空值的src相當(dāng)于鏈接到“about:blank”（空白頁）。
那么opera, ff和ie可能是第一次加載太慢，第二次覆蓋了第一次的，所以只觸發(fā)了一次onload。
ps：也可能是其他原因，例如瀏覽器優(yōu)化之類的，我也不確定。
針對加載過快的問題，可以在onload的時候根據(jù)_sending確定之前是否上傳狀態(tài)來解決。
雖然沒測試出來，會不會有_sending設(shè)置之后submit之前剛好觸發(fā)第一次onload的情況呢？
針對這個問題，在upload方法中會把_sending放在submit之后設(shè)置。
那如果在submit之后_sending設(shè)置之前就觸發(fā)了onload呢？（...囧）
這個情況基本不會出現(xiàn)，如果真的出現(xiàn)，就把_sending設(shè)置放到submit前面吧。
opera還有一個麻煩的問題，測試下面代碼：
復(fù)制代碼 代碼如下:
<body>
<div id="msg">狀態(tài)：</div>
<form action="http://cloudgamer.cnblogs.com/" target="ifr">
</form>
</body>
<script>
var msg = document.getElementById("msg");
var iframe = document.createElement("iframe");
iframe.name = "ifr";
iframe.onload = function(){ msg.innerHTML += "onload,"; }
document.body.appendChild(iframe);
msg.innerHTML += "submit,";
document.forms[0].submit();
</script>
ie和ff顯示submit,onload，safari和chrome顯示的是onload,submit,onload，跟上面的分析一致。
而opera卻顯示submit,onload,onload，兩次onload都是在submit之后觸發(fā)的。
這個情況就不能單純用_sending來解決了。
是不是submit不能使iframe取消加載呢？
在appendChild之前設(shè)一個src，結(jié)果正常的只觸發(fā)onload一次，看來是可以的啊。
雖然不知道原因，辦法還是有的，一個是appendChild前設(shè)一個src，還可以在第一次onload中重新設(shè)置onload，像程序那樣。
但這兩個方法都存在不確定性，不能完全解決問題，但也找不到更好的方法了。
ff的onload還有一個問題，在出現(xiàn)ERROR_INTERNET_CONNECTION_RESET（文件大小超過服務(wù)器限制）之類的服務(wù)器錯誤時，即使加載完成也不會觸發(fā)onload，暫時找不到解決辦法。
iframe有一個缺陷是只能用onload判斷加載完成，但沒有辦法判斷是否加載成功。
沒有類似XMLHTTP的status的東西，遇上404之類的錯誤也沒辦法判別出來。
在使用時要做好這方面的處理，例如說明允許上傳文件大小，超時時間，如何處理長時間無響應(yīng)等。
【form】
程序使用_setForm函數(shù)來創(chuàng)建用來提交數(shù)據(jù)的form。
要實現(xiàn)無刷新上傳，要對form進行特殊的處理：
復(fù)制代碼 代碼如下:
$$.extend(form, {
target: this._iframe.name, method: "post", encoding: "multipart/form-data"
});
ps：詳細(xì)看這里的無刷新上傳部分。
由于form是手動插入的，為了不影響原來頁面布局還要設(shè)置一下form樣式，使它“隱形”起來：
復(fù)制代碼 代碼如下:
$$D.setStyle(form, {
padding: 0, margin: 0, border: 0,
backgroundColor: "transparent", display: "inline"
});
還要注意的是，同一個表單控件只能對應(yīng)一個form。
如果file控件本身已經(jīng)有一個form的話，必須在提交前移除：
file.form && $$E.addEvent(file.form, "submit", $$F.bind(this.dispose, this));
dispose方法是用來銷毀程序的，包括移除form。
ps：如果提交前submit被覆蓋的話要手動執(zhí)行一次dispose方法。
最后把form插入到dom：
file.parentNode.insertBefore(form, file).appendChild(file);
先把form插入到file控件之前，然后把file插入到form，這樣就能保證file在原來的位置上了。
【input】
如果有其他參數(shù)要傳遞，程序會使用_setInput函數(shù)來創(chuàng)建傳遞數(shù)據(jù)的表單控件。
由于生成的form里面只有file控件，要傳遞其他參數(shù)只能用程序生成了。
程序用一個_inputs集合來保存當(dāng)前在form中生成的表單控件。
首先根據(jù)自定義的parameter屬性創(chuàng)建表單控件：
復(fù)制代碼 代碼如下:
for ( name in this.parameter ) {
var input = form[name];
if ( !input ) {
input = document.createElement("input");
input.name = name; input.type = "hidden";
form.appendChild(input);
}
input.value = this.parameter[name];
newInputs[name] = input;
delete oldInputs[name];
}
當(dāng)form中沒有對應(yīng)name的控件時，會自動生成一個hidden控件插入到form中。
其中newInputs是用來記錄當(dāng)前生成的控件的，而oldInputs就是_inputs集合。
當(dāng)設(shè)置過對應(yīng)name的控件后，就從oldInputs中刪除對應(yīng)控件的關(guān)聯(lián)。
然后移除oldInputs關(guān)聯(lián)的控件：
for ( name in oldInputs ) { form.removeChild( oldInputs[name] ); }
這樣就能移除上一次生成的無用的控件了。
最后重新記錄當(dāng)前控件到_inputs方便下次使用。
【stop】
如果想停止當(dāng)前上傳操作，可以調(diào)用stop方法。
一般來說當(dāng)iframe發(fā)生重載時，會取消上一次的載入，那么只要重新設(shè)置src就能取消上傳了。
測試以下代碼：
復(fù)制代碼 代碼如下:
<body>
<iframe id="ifr" name="ifr"></iframe>
<form action="http://cloudgamer.cnblogs.com/" target="ifr">
</form>
</body>
<script>
document.forms[0].submit();
document.getElementById("ifr").src = "";
</script>
結(jié)果都能取消加載，除了opera，未知什么原因。
有兩個方法解決，一個是通過form隨便用一個action提交一次，還有就是直接移除iframe。
后一個方法比較方便，程序中用_removeIframe方法直接移除iframe。
ps：有更好方法的話記得告訴我。
【dispose】
當(dāng)使用結(jié)束或其他原因要銷毀程序時，可以調(diào)用dispose方法。
dispose里面主要做的是移除iframe和form。
移除iframe用的是_removeIframe方法，首先把onload移除，再把iframe從body移除：
var iframe = this._iframe;
$$B.ie ? iframe.detachEvent( "onload", this._fFINISH ) : ( iframe.onload = null );
document.body.removeChild(iframe); this._iframe = null;
十分簡單，但在ff有一個問題，測試以下代碼：
復(fù)制代碼 代碼如下:
<form target="ifr" action="x">
<input id="btn" type="submit" value="click">
</form>
<iframe name="ifr" id="ifr"></iframe>
<script>
document.getElementById("btn").onclick = function(){
document.getElementById("ifr").onload = function(){
this.parentNode.removeChild(this);
};
}
</script>
提交后都能移除iframe，但ff還一直顯示“載入中”的狀態(tài)。
不過解決方法也很簡單，用setTimeout設(shè)置一個延時，讓iframe執(zhí)行完整就可以了。
所以在dispose中是這樣調(diào)用_removeIframe的：
復(fù)制代碼 代碼如下:
if ( $$B.firefox ) {
setTimeout($$F.bind(this._removeIframe, this), 0);
} else {
this._removeIframe();
}
至于form的移除就比較簡單，在_removeForm這樣處理：
復(fù)制代碼 代碼如下:
var form = this._form, parent = form.parentNode;
if ( parent ) {
parent.insertBefore(this.file, form); parent.removeChild(form);
}
this._form = this._inputs = null;
要判斷一下parentNode，否則如果parentNode不存在的話后面的會執(zhí)行出錯。
【file的reset】
在實例里，有一個用來重置file控件的ResetFile函數(shù)。
重置file控件一般的辦法是使所在的form執(zhí)行reset，但問題是會把其他表單控件也重置了。
以前由于安全問題，file的value是不允許修改的。
但現(xiàn)在ff，chrome和safari可以把它設(shè)為空值來實現(xiàn)重置：
file.value = "";
當(dāng)然其他值還是不允許的。
ps：記憶中以前是不行的，不知有沒有記錯。
對于opera，有一個變通的方法，利用它的type屬性：
file.type = "text"; file.type = "file";
通過修改type得到的file控件，value會自動還原成空值，這樣就間接把file控件清空了。
ps：利用這個方法可以間接得到文件路徑，但由于變回去后值就清空了，所以沒什么用。
而ie的表單控件的type設(shè)置后是不允許修改的，不能用opera的辦法。
不過還是有以下方法解決：
1，新建一個form，把file插進入后reset，再移除：
復(fù)制代碼 代碼如下:
with(file.parentNode.insertBefore(document.createElement('form'), file)){
appendChild(file); reset(); removeNode(false);
}
好處是使用原生的reset，穩(wěn)定可靠，但效率低。
ps：removeNode只有ie和opera支持，如需兼容可改用removeChild的方式。
2，利用outerHTML，重建一個file控件：
file.outerHTML = file.outerHTML;
好處是高效，但由于是新創(chuàng)建的file控件，之前關(guān)聯(lián)的東西都丟失了。
ps：ff支持不支持outerHTML。
3，利用cloneNode，復(fù)制一個file控件：
file.parentNode.replaceChild(file.cloneNode(false), file);
跟上一個方法差不多，但效率更低。
4，利用select方法選中file控件的文本域，再進行清空：
file.select(); document.selection.clear();
或
file.select(); document.selection.clear();
看來沒什么問題，但file必須能被select（不能是隱藏狀態(tài)）。
ps：這兩個方法都只能在ie使用。
由于程序中file是需要關(guān)聯(lián)的，所以方法2和3都不能用。
方法4貌似也不錯，但有一個致命問題，在ie測試以下代碼：
復(fù)制代碼 代碼如下:
<form><input id="test" name="file" type="file"></form>
<script>
document.getElementById("test").onchange = function(){
this.select(); document.selection.clear();
this.form.submit();
}
</script>
執(zhí)行到submit會顯示“拒絕訪問”的錯誤，原因不清楚，不知是ie故意的還是bug。
看來也只能使用方法1了：
復(fù)制代碼 代碼如下:
function ResetFile(file){
file.value = "";//ff chrome safari
if ( file.value ) {
if ( $$B.ie ) {//ie
with(file.parentNode.insertBefore(document.createElement('form'), file)){
appendChild(file); reset(); removeNode(false);
}
} else {//opera
file.type = "text"; file.type = "file";
}
}
}
ps：有更好方法的話記得告訴我啊。
這個函數(shù)并不夠通用，最好還是根據(jù)實際情況選擇需要的方法。
使用技巧
【上傳文件數(shù)】
在文件上傳實例中，各個文件是同時上傳的。
經(jīng)測試，瀏覽器能同時上傳的文件數(shù)如下：
ie 2
ff 8
opera 8
chrome 6
safari 6
由于ie最多同時只能傳2個，所以設(shè)置更多文件也只能排隊，而不能達(dá)到同時上傳的效果的。
ps：只是目測結(jié)果，有錯請?zhí)岢觥?
【傳遞參數(shù)】
上傳文件實例中，可以傳遞對應(yīng)的修改文件名，在使用“一般上傳”多個文件一起上傳時也能找到對應(yīng)的文件名。
因為表單控件值傳遞到后臺后，獲取數(shù)據(jù)的順序跟前臺表單控件的排列順序是一致的。
只要保證前臺file控件跟對應(yīng)表單控件的排列順序一致就能利用這個特性獲取對應(yīng)的值了。
詳細(xì)參考后臺代碼。
【回調(diào)函數(shù)】
有兩個方法可以響應(yīng)上傳完成回調(diào)函數(shù)。
一種是后臺上傳完成后，在iframe輸出并執(zhí)行回調(diào)函數(shù)或通過parent調(diào)用父窗口的回調(diào)函數(shù)。
這種比較方便，但必須在iframe里面執(zhí)行處理，例如文件屬性查看實例。
另一種是在iframe的onload中執(zhí)行回調(diào)函數(shù)。
好處是可以把所有處理放在父窗口，iframe可以不做任何處理或用來反饋信息。
缺點是有兼容性問題，而且會有加載后沒有觸發(fā)onload的情況（上面的iframe部分有說明）。
上傳文件實例中就是在onFinish中處理在iframe中輸出的數(shù)據(jù)。
由于可能出現(xiàn)一些意外情況導(dǎo)致響應(yīng)很久，甚至沒有響應(yīng)，所以一定要設(shè)置timeout以防萬一。
【處理返回數(shù)據(jù)】
上面提到，可以在onFinish中處理在iframe中輸出的數(shù)據(jù)。
要從iframe的body中獲取數(shù)據(jù)，有以下幾個方法：
iframe.contentWindow.document.body.innerHTML
iframe.contentDocument.body.innerHTML
window.frames[iframename].document.body.innerHTML
其中前兩種差不多，后者比較簡便，但ie不支持contentDocument，可惜。
第三種是利用frames對象來獲取，注意這樣獲取的對象直接就是window對象。
由于程序能直接獲得iframe對象，所以用的是第一種方式。
不過有一個問題在iframe的部分也提過，就是返回錯誤信息頁面的問題。
在上傳文件實例中，在iframe中輸出的是json形式的文件信息數(shù)據(jù)。
在onFinish中是這樣處理的：
復(fù)制代碼 代碼如下:
try{
var info = eval("(" + iframe.contentWindow.document.body.innerHTML + ")");
show("上傳完成");
}catch(e){
show("上傳失敗"); stop(); return;
}
只有返回正確的json格式數(shù)據(jù)才能正常運行，否則就拋出錯誤，間接地排除了404等錯誤信息。
ps：有更好方法的話歡迎提出。
【銷毀程序】
程序中有不少dom操作，在不需要繼續(xù)使用的時候最好執(zhí)行一次dispose方法來銷毀程序。
例如移除file之后，關(guān)閉窗口之前，提交表單之前，歷遍表單元素前等等。
既可以節(jié)省資源，防止dom的內(nèi)存泄漏，又能避免表單嵌套時的沖突問題。
【可用性】
看過“ppk談javascript”后，更加注重了可用性。
上傳實例在瀏覽器不支持js的情況下也能正常上傳，各位可以自行測試。
【編碼】
上一個無刷新上傳系統(tǒng)，很多人反映上傳后文件名亂碼，后來發(fā)現(xiàn)是編碼的問題。
當(dāng)有中文信息傳遞時，要注意前后臺的編碼必須統(tǒng)一，包括charset，文件編碼，web.config的配置等。
【asp版本】
asp版本跟.net版本功能是一樣的，使用無組件上傳類。
不過上傳類本身有一個缺陷導(dǎo)致提交同名file控件的話會出錯，經(jīng)過修改后現(xiàn)在可以正常使用了。
使用說明
實例化時，第一個必要參數(shù)是file控件對象：
new QuickUpload(file);
第二個可選參數(shù)用來設(shè)置系統(tǒng)的默認(rèn)屬性，包括
屬性: 默認(rèn)值//說明
parameter: {},//參數(shù)對象
action: "",//設(shè)置action
timeout: 0,//設(shè)置超時(秒為單位)
onReady: function(){},//上傳準(zhǔn)備時執(zhí)行
onFinish: function(){},//上傳完成時執(zhí)行
onStop: function(){},//上傳停止時執(zhí)行
onTimeout: function(){}//上傳超時時執(zhí)行
還提供了以下方法：
upload：執(zhí)行上傳操作；
stop：停止上傳操作；
dispose：銷毀程序。
程序源碼
復(fù)制代碼 代碼如下:
var QuickUpload = function(file, options) {
this.file = $$(file);
this._sending = false;//是否正在上傳
this._timer = null;//定時器
this._iframe = null;//iframe對象
this._form = null;//form對象
this._inputs = {};//input對象
this._fFINISH = null;//完成執(zhí)行函數(shù)
$$.extend(this, this._setOptions(options));
};
QuickUpload._counter = 1;
QuickUpload.prototype = {
//設(shè)置默認(rèn)屬性
_setOptions: function(options) {
this.options = {//默認(rèn)值
action: "",//設(shè)置action
timeout: 0,//設(shè)置超時(秒為單位)
parameter: {},//參數(shù)對象
onReady: function(){},//上傳準(zhǔn)備時執(zhí)行
onFinish: function(){},//上傳完成時執(zhí)行
onStop: function(){},//上傳停止時執(zhí)行
onTimeout: function(){}//上傳超時時執(zhí)行
};
return $$.extend(this.options, options || {});
},
//上傳文件
upload: function() {
//停止上一次上傳
this.stop();
//沒有文件返回
if ( !this.file || !this.file.value ) return;
//可能在onReady中修改相關(guān)屬性所以放前面
this.onReady();
//設(shè)置iframe,form和表單控件
this._setIframe();
this._setForm();
this._setInput();
//設(shè)置超時
if ( this.timeout > 0 ) {
this._timer = setTimeout( $$F.bind(this._timeout, this), this.timeout * 1000 );
}
//開始上傳
this._form.submit();
this._sending = true;
},
//設(shè)置iframe
_setIframe: function() {
if ( !this._iframe ) {
//創(chuàng)建iframe
var iframename = "QUICKUPLOAD_" + QuickUpload._counter++,
iframe = document.createElement( $$B.ie ? "<iframe name=\"" + iframename + "\">" : "iframe");
iframe.name = iframename;
iframe.style.display = "none";
//記錄完成程序方便移除
var finish = this._fFINISH = $$F.bind(this._finish, this);
//iframe加載完后執(zhí)行完成程序
if ( $$B.ie ) {
iframe.attachEvent( "onload", finish );
} else {
iframe.onload = $$B.opera ? function(){ this.onload = finish; } : finish;
}
//插入body
var body = document.body; body.insertBefore( iframe, body.childNodes[0] );
this._iframe = iframe;
}
},
//設(shè)置form
_setForm: function() {
if ( !this._form ) {
var form = document.createElement('form'), file = this.file;
//設(shè)置屬性
$$.extend(form, {
target: this._iframe.name, method: "post", encoding: "multipart/form-data"
});
//設(shè)置樣式
$$D.setStyle(form, {
padding: 0, margin: 0, border: 0,
backgroundColor: "transparent", display: "inline"
});
//提交前去掉form
file.form && $$E.addEvent(file.form, "submit", $$F.bind(this.dispose, this));
//插入form
file.parentNode.insertBefore(form, file).appendChild(file);
this._form = form;
}
//action可能會修改
this._form.action = this.action;
},
//設(shè)置input
_setInput: function() {
var form = this._form, oldInputs = this._inputs, newInputs = {}, name;
//設(shè)置input
for ( name in this.parameter ) {
var input = form[name];
if ( !input ) {
//如果沒有對應(yīng)input新建一個
input = document.createElement("input");
input.name = name; input.type = "hidden";
form.appendChild(input);
}
input.value = this.parameter[name];
//記錄當(dāng)前input
newInputs[name] = input;
//刪除已有記錄
delete oldInputs[name];
}
//移除無用input
for ( name in oldInputs ) { form.removeChild( oldInputs[name] ); }
//保存當(dāng)前input
this._inputs = newInputs;
},
//停止上傳
stop: function() {
if ( this._sending ) {
this._sending = false;
clearTimeout(this._timer);
//重置iframe
if ( $$B.opera ) {//opera通過設(shè)置src會有問題
this._removeIframe();
} else {
this._iframe.src = "";
}
this.onStop();
}
},
//銷毀程序
dispose: function() {
this._sending = false;
clearTimeout(this._timer);
//清除iframe
if ( $$B.firefox ) {
setTimeout($$F.bind(this._removeIframe, this), 0);
} else {
this._removeIframe();
}
//清除form
this._removeForm();
//清除dom關(guān)聯(lián)
this._inputs = this._fFINISH = this.file = null;
},
//清除iframe
_removeIframe: function() {
if ( this._iframe ) {
var iframe = this._iframe;
$$B.ie ? iframe.detachEvent( "onload", this._fFINISH ) : ( iframe.onload = null );
document.body.removeChild(iframe); this._iframe = null;
}
},
//清除form
_removeForm: function() {
if ( this._form ) {
var form = this._form, parent = form.parentNode;
if ( parent ) {
parent.insertBefore(this.file, form); parent.removeChild(form);
}
this._form = this._inputs = null;
}
},
//超時函數(shù)
_timeout: function() {
if ( this._sending ) { this._sending = false; this.stop(); this.onTimeout(); }
},
//完成函數(shù)
_finish: function() {
if ( this._sending ) { this._sending = false; this.onFinish(this._iframe); }
}
}
完整實例下載
完整實例下載（asp版本）
相關(guān)應(yīng)用：JavaScript 圖片上傳預(yù)覽效果
轉(zhuǎn)載請注明出處：http://www.cnblogs.com/cloudgamer/
您可能感興趣的文章:
- asp.net中MVC借助Iframe實現(xiàn)無刷新上傳文件實例
- asp.net使用AJAX實現(xiàn)無刷新分頁
- asp.net中Timer無刷新定時器的實現(xiàn)方法
- asp.net中利用Jquery+Ajax+Json實現(xiàn)無刷新分頁的實例代碼
- Asp.Net 無刷新文件上傳并顯示進度條的實現(xiàn)方法及思路
- asp.net+jquery ajax無刷新登錄的實現(xiàn)方法
- Asp.net 2.0 無刷新圖片上傳 顯示縮略圖 具體實現(xiàn)
- asp.net jquery無刷新分頁插件(jquery.pagination.js)
- asp.net Ajax之無刷新評論介紹
- asp.net點擊 查看更多 實現(xiàn)無刷新加載的實現(xiàn)代碼
- asp.net ajax實現(xiàn)無刷新驗證碼
- asp.net 30分鐘掌握無刷新 Repeater
- asp.net下使用jquery 的ajax+WebService+json 實現(xiàn)無刷新取后臺值的實現(xiàn)代碼
- Asp.net實現(xiàn)無刷新調(diào)用后臺實體類數(shù)據(jù)并以Json格式返回
相關(guān)文章
接觸mvc也有一段時間了（2.0），也看到園子里很多人在學(xué)習(xí)，自己也在園子里面看過前輩們寫的博客，確實受益匪淺。本文寫的都是基礎(chǔ)中的基礎(chǔ)，僅供想學(xué)習(xí)MVC的新手們?nèi)腴T之作2012-04-04
2008-01-01
這篇文章主要介紹了.Net 如何限制用戶登錄的方法，有需要的朋友可以參考一下2013-12-12
asp.net 利用NPOI導(dǎo)出Excel通用類的方法
本篇文章主要介紹了asp.net 利用NPOI導(dǎo)出Excel通用類的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
可以添加文字水印的c# 類函數(shù)。2009-05-05
ASP.Net WebAPI與Ajax進行跨域數(shù)據(jù)交互時Cookies數(shù)據(jù)的傳遞
本文主要介紹了ASP.Net WebAPI與Ajax進行跨域數(shù)據(jù)交互時Cookies數(shù)據(jù)傳遞的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05
ASP.NET實現(xiàn)從服務(wù)器下載文件問題處理
本文主要介紹了ASP.NET實現(xiàn)從服務(wù)器下載文件問題處理，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
本文給大家分享一段smtp發(fā)送帶附件郵件的代碼，代碼非常簡潔易懂，有需要的小伙伴可以參考下。2014-11-11
wireshark抓取本地回環(huán)數(shù)據(jù)包和取出數(shù)據(jù)的方法
這篇文章主要介紹了wireshark抓取本地回環(huán)數(shù)據(jù)包和取出數(shù)據(jù)的方法,需要的朋友可以參考下2014-02-02
Asp.net 在三層架構(gòu)中事務(wù)的使用實例代碼
再我知道的.net中，執(zhí)行事務(wù)有兩種方法，一種是自動事物，使用起來相當(dāng)簡單，但是需要配置服務(wù)器，如果你用的是web共享主機，即沒有權(quán)限配置自己的服務(wù)器，那就沒必要用這種了，接下了我講下.net中最普通的事務(wù)SqlTransaction2012-10-10