建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
淺析ASP.NET多附件上傳的實現(xiàn)
在寫這篇文章之前我也在Google上找到了很多有關多附件上傳的文章，有用ASP.NET多附件上傳實現(xiàn)的，也有用JSP、PHP等其它技術(shù)實現(xiàn)的，但基本前提都是事先通過js腳本來動態(tài)創(chuàng)建DOM，然后上傳的時候在服務端做一下處理，有點類似于163的郵件系統(tǒng)。文件上傳需要通過頁面的POST方法進行提交，這個我在一次MOSS開發(fā)中iFrame表單提交的古怪問題解決一問中已經(jīng)闡述過，其中包括了如何使用頁面隱藏的iFrame來提交表單從而避免整個頁面提交到服務器而導致頁面的刷新。多附件上傳的原理與之類似，只不過需要事先通過腳本在頁面上動態(tài)創(chuàng)建多個input type='file'的標簽，當然，如果要想功能更加完美，你可能還需要通過腳本動態(tài)添加一些按鈕事件以讓用戶可以刪除他所添加的文件。下面是ASP.NET多附件上傳的實現(xiàn)
其中紅色方框內(nèi)的內(nèi)容是通過腳本在頁面上動態(tài)創(chuàng)建的，將用戶在客戶端所選文件的文件名動態(tài)添加到一個div里，同時在這個div中放一個隱藏的input type=’file’的標簽，它的value為用戶所選文件的路徑，然后在div中放置一個img，添加onmouseover和onmouseout 事件為圖片增加了一些鼠標滑動時的效果，onclick事件用來響應用戶點擊img時刪除對應的文件?？匆幌翧SP.NET多附件上傳的代碼。
- <%@PageLanguage="C#"AutoEventWireup="true"CodeBehind=
"Default.aspx.cs"Inherits="WebApplication1._Default"%>- //EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">
- <headrunatheadrunat="server">
title></font></strong> </li> <li><strong><font><</font></strong><font>scriptsrc</font><strong><font>scriptsrc</font></strong>="MultiAffix.js"<font>type</font>="text/javascript"<strong><font>> script></font></strong> </li> <li><strong><font><</font></strong><font>scripttype</font><strong><font>scripttype</font></strong>=<font>"text/javascript"</font><strong><font>></font></strong> </li> <li><font>varcontrolName</font>=<font>1</font>;//Thisvariableisforthedynamicfilecontrols'sname. </li> <li> </li> <li>functionaddImg(targetElement,savestatsElement,oldimgElement){ </li> <li><font>varbrowseimgElement</font>=$get("browseimg"); </li> <li><font>vararr</font>=<font>browseimgElement</font>.getElementsByTagName('input'); </li> <li>if(<font>arr.length</font>==0||arr[0]<font>.value.length</font>==0){ </li> <li> </li> <li>alert('Nofileinputs.'); </li> <li>return; </li> <li>} </li> <li><font>varoldbrowser</font>=<font>arr</font>[0]; </li> <li><font>varfilename</font>=<font>getfilename</font>(oldbrowser.value); </li> <li>if(!validateimgtype(oldbrowser.value))return; </li> <li>if(!validateimgcount(targetElement,3))return; </li> <li><font>varimgtitles</font>=<font>savestatsElement</font>.value+oldimgElement.value; </li> <li>if(validateimgexist(filename,imgtitles))<br>{alert('Youhavealreadyaddedthisimage!');return;} </li> <li>if(oldbrowser!=undefined){ </li> <li><font>varnewbrowser</font>=<font>oldbrowser</font>.cloneNode(true); </li> <li><font>newbrowser.value</font>=<font>''</font>; </li> <li><font>varnewfile</font>=<font>document</font>.createElement('div'); </li> <li><font>newfile.innerHTML</font>=<font>filename</font>+' '; </li> <li> </li> <li>//Createabuttonelementfordeletetheimage. </li> <li><font>varnewfileimgbutton</font>=<font>document</font>.createElement('img'); </li> <li><font>newfileimgbutton.src</font>=<font>'ShoutOut_Close.gif'</font>; </li> <li><font>newfileimgbutton.alt</font>=<font>'Delete'</font>; </li> <li><font>newfileimgbutton.onclick</font>=<font>function</font>(){ </li> <li>this.parentNode.parentNode.removeChild(this.parentNode); </li> <li><font>savestatsElement.value</font>=<font>updatehiddenimgs</font>(filename,savestatsElement.value); </li> <li>} </li> <li><font>newfileimgbutton.onmouseover</font>=<font>function</font>(){ </li> <li><font>this.src</font>=<font>'ShoutOut_Close_rollover.gif'</font>; </li> <li>} </li> <li><font>newfileimgbutton.onmouseout</font>=<font>function</font>(){ </li> <li><font>this.src</font>=<font>'ShoutOut_Close.gif'</font>; </li> <li>} </li> <li> </li> <li>browseimgElement.replaceChild(newbrowser,oldbrowser); </li> <li><font>oldbrowser.name</font>=++controlName; </li> <li><font>oldbrowser.style.display</font>=<font>'none'</font>; </li> <li>newfile.appendChild(oldbrowser); </li> <li> </li> <li>newfile.appendChild(newfileimgbutton); </li> <li>targetElement.appendChild(newfile); </li> <li> </li> <li>$get("chkAgree")<font>.checked</font>=<font>false</font>; </li> <li>$get("btAdd")<font>.disabled</font>=<font>true</font>; </li> <li>savestatsElement.value+=filename+'|'; </li> <li>} </li> <li>} </li> <li><strong><font> script></font></strong> </li> <li> </li> <li><strong><font> head></font></strong> </li> <li><strong><font><body></font></strong> </li> <li><strong><font><</font></strong><font>formid</font><strong><font>formid</font></strong>="form1"<font>runat</font>="server"<strong><font>></font></strong> </li> <li><strong><font><</font></strong><font>asp:ScriptManagerID</font><strong><font>asp:ScriptManagerID</font></strong>="ScriptManager1"<font>runat</font>="server"<strong><font>></font></strong> </li> <li><strong><font> asp:ScriptManager></font></strong> </li> <li><strong><font><div></font></strong> </li> <li><strong><font><div></font></strong> </li> <li>Description: </li> <li><strong><font><</font></strong><font>asp:TextBoxID</font><strong><font>asp:TextBoxID</font></strong>="tbDescription"<font>MaxLength</font>="2000"<font>runat</font>=<br>"server"<font>TextMode</font>="MultiLine"<strong><font>> asp:TextBox></font></strong> </li> <li><strong><font> div></font></strong> </li> <li><strong><font><div></font></strong> </li> <li>Location: </li> <li><strong><font><</font></strong><font>asp:DropDownListID</font><strong><font>asp:DropDownListID</font></strong>="ddlLocation"<font>runat</font>="server"<strong><font>></font></strong> </li> <li><strong><font> asp:DropDownList></font></strong> </li> <li><strong><font> div></font></strong> </li> <li><strong><font><div></font></strong> </li> <li>DisplayPostedByUser: </li> <li><strong><font><</font></strong><font>asp:CheckBoxID</font><strong><font>asp:CheckBoxID</font></strong>="chkPostedByUser"<font>Checked</font>="true"<font>runat</font>=<font>"server"</font><strong><font>/></font></strong> </li> <li><strong><font> div></font></strong> </li> <li><strong><font><div></font></strong> </li> <li>NotifyShoutoutUser: </li> <li><strong><font><</font></strong><font>asp:CheckBoxID</font><strong><font>asp:CheckBoxID</font></strong>="chkNotifyUser"<font>runat</font>="server"<strong><font>/></font></strong> </li> <li><strong><font> div></font></strong> </li> <li><strong><font><div></font></strong> </li> <li>NotifyShoutouttoEmail: </li> <li><strong><font><</font></strong><font>asp:TextBoxID</font><strong><font>asp:TextBoxID</font></strong>="tbShoutoutToEmail"<br><font>MaxLength</font>="25"<font>runat</font>=<font>"server"</font><strong><font>> asp:TextBox></font></strong> </li> <li><strong><font> div></font></strong> </li> <li><strong><font><div></font></strong> </li> <li>Images: </li> <li><strong><font><</font></strong><font>divid</font><strong><font>divid</font></strong>="saveshoutoutimgs"<font>runat</font>="server"<strong><font>></font></strong> </li> <li><strong><font> div></font></strong> </li> <li><strong><font><</font></strong><font>inputid</font><strong><font>inputid</font></strong>="btAddImage"<font>type</font>="button"<font>onclick</font>=<font>"$get('saveshoutoutaddimgs').<br>style.display='block';this.disabled=true;"</font> </li> <li><font>value</font>=<font>"ClickheretoAddImage"</font><strong><font>/></font></strong> </li> <li><strong><font> div></font></strong> </li> <li><strong><font><</font></strong><font>divid</font><strong><font>divid</font></strong>=<font>"saveshoutoutdetailshowimg"</font><strong><font>></font></strong> </li> <li><strong><font><</font></strong><font>divid</font><strong><font>divid</font></strong>="saveshoutoutaddimgs"<font>style</font>="display:none;"<strong><font>></font></strong> </li> <li><strong><font><div></font></strong> </li> <li>AddImage:<strong><font> div></font></strong> </li> <li><strong><font><</font></strong><font>divid</font><strong><font>divid</font></strong>=<font>"browseimg"</font><strong><font>></font></strong> </li> <li><strong><font><</font></strong><font>inputtype</font><strong><font>inputtype</font></strong>=<font>"file"</font><strong><font>/></font></strong> </li> <li><strong><font> div></font></strong> </li> <li><strong><font><div></font></strong> </li> <li>Sizelimitoftheimagesis100kb.HieghtandWidthoftheimagesshouldnotexceed </li> <li>200px.<strong><font> div></font></strong> </li> <li><strong><font><div></font></strong> </li> <li><strong><font><</font></strong><font>inputid</font><strong><font>inputid</font></strong>="chkAgree"<font>type</font>="checkbox"<font>onclick</font>=<font>"$get('btAdd').<br>disabled=!this.checked;"</font><strong><font>/></font></strong>I </li> <li>agree.legalsignofftexttobedefined. </li> <li><strong><font> div></font></strong> </li> <li><strong><font><div></font></strong> </li> <li><strong><font><</font></strong><font>inputid</font><strong><font>inputid</font></strong>="btAdd"<font>disabled</font>="disabled"<font>type</font>="button"<font>value</font>="Add"<font>runat</font>=<font>"server"</font><strong><font>/></font></strong> </li> <li><strong><font> div></font></strong> </li> <li><strong><font> div></font></strong> </li> <li><strong><font> div></font></strong> </li> <li><strong><font> div></font></strong> </li> <li><strong><font><</font></strong><font>asp:TextBoxID</font><strong><font>asp:TextBoxID</font></strong>="tbImgs"<font>runat</font>="server"<font>Text</font>="|"<font>Style</font>=<br>"display:none;"<strong><font>> asp:TextBox></font></strong> </li> <li><strong><font><</font></strong><font>asp:TextBoxID</font><strong><font>asp:TextBoxID</font></strong>="tbOldImgs"<font>runat</font>="server"<font>Text</font>="|"<font>Style</font>=<br>"display:none;"<strong><font>> asp:TextBox></font></strong> </li> <li><strong><font> form></font></strong> </li> <li><strong><font> body></font></strong> </li> <li><strong><font> html></font></strong> </li> </ol></pre><p>【編輯推薦】</p> <ol> <li><font>ASP.NET插件的實現(xiàn)方式</font></li> <li><font>概述ASP.NET應用程序</font></li> <li><font>淺談ASP.NET 2.0數(shù)據(jù)綁定</font></li> <li><font>ASP.NET阻止Java Script注入式攻擊</font></li> <li><font>ASP.NET MVC使用T4</font></li> </ol> <br> 文章題目：淺析ASP.NET多附件上傳的實現(xiàn) <br> 本文鏈接：<a href="http://m.5511xx.com/article/cdcdjdd.html">http://m.5511xx.com/article/cdcdjdd.html</a> </div> <div id="qpwdrpw" class="hot_new"> <div id="2lspwtr" class="page_title clearfix"> <h3>其他資訊</h3> </div> <div id="f7hwljz" class="news_list clearfix"> <ul> <li> <a href="/article/ccdjhcc.html">全國一卡通怎么辦理（辦公交卡去什么地方辦理）</a> </li><li> <a href="/article/ccdjpod.html">表格怎么設置分頁，excel表格的數(shù)據(jù)怎么分頁</a> </li><li> <a href="/article/ccdjhdh.html">新站怎么做能快速得到搜索引擎認可并收錄？</a> </li><li> <a href="/article/ccdjhde.html">可怎么讀?（可怎么讀拼音)</a> </li><li> <a href="/article/ccdjhdo.html">探索Linux環(huán)境下的Select命令（linux的select）</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 底部信息 --> <div id="dkaoelj" class="footer wow fadeInUp"> <div id="tfetd9k" class="rowFluid"> <div id="3elrzgv" class="span12"> <div id="du8ulj3" class="container"> <div id="k5fu7ji" class="footer_content"> <div id="44b4gd1" class="span4 col-xm-12"> <div id="t4nds6x" class="footer_list"> <div id="xpvfuar" class="span6"> <div id="oxw4j4k" class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服務號二維碼" /></div> </div> <div id="foe907k" class="span6 col-xm-12"> <div id="p9j4zgv" class="quick_navigation"> <div id="r9u4ubh" class="quick_navigation_title">快速導航</div> <ul> <li><a title="綿陽idc服務器托管" target="_blank">綿陽idc服務器托管</a></li><li><a title="zyfdjwx.com" target="_blank">zyfdjwx.com</a></li><li><a title="cdganxi.cn" target="_blank">cdganxi.cn</a></li><li><a title="四川防護網(wǎng)" target="_blank">四川防護網(wǎng)</a></li><li><a title="成都側(cè)面叉車" target="_blank">成都側(cè)面叉車</a></li><li><a title="敘永網(wǎng)站建設" target="_blank">敘永網(wǎng)站建設</a></li><li><a title="達州主機托管" target="_blank">達州主機托管</a></li><li><a title="成都UI設計公司" target="_blank">成都UI設計公司</a></li><li><a title="彭州做網(wǎng)站" target="_blank">彭州做網(wǎng)站</a></li><li><a title="成都機柜托管" target="_blank">成都機柜托管</a></li><li><a title="中國電信西部信息中心機房" target="_blank">中國電信西部信息中心機房</a></li> </ul> </div> </div> </div> </div> <div id="6mtr9zz" class="span4 col-xm-6 col-xs-12"> <div id="6j9heut" class="footer_list"> <div id="c2elbhg" class="footer_link"> <div id="dvckqgf" class="footer_link_title">友情鏈接</div> <ul id="frientLinks"> <a title="網(wǎng)站制作" target="_blank">網(wǎng)站制作</a> <a title="網(wǎng)站建設" target="_blank">網(wǎng)站建設</a> <a title="成都網(wǎng)絡推廣" target="_blank">網(wǎng)絡推廣</a> <a title="成都網(wǎng)站推廣" target="_blank">網(wǎng)站推廣</a> <a title="成都微信小程序開發(fā)" target="_blank">小程序開發(fā)</a> <a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導航" target="_blank">網(wǎng)站導航</a> </ul> <div id="mmsiury" class="footer_link_title">網(wǎng)站建設</div> <ul id="frientLinks"> <li><a href="/">四川平武建站</a></li> <li><a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導航" target="_blank">網(wǎng)站導航</a></li> </ul> </div> </div> </div> <div id="6niqo3c" class="span4 col-xm-6 col-xs-12"> <div id="js444k1" class="footer_list"> <div id="foeksqf" class="footer_cotact"> <div id="evdkhpf" class="footer_cotact_title">聯(lián)系方式</div> <ul> <li><span id="4zpw7ja" class="footer_cotact_type">企業(yè)：</span><span id="3wlvdjt" class="footer_cotact_content">四川綿陽平武網(wǎng)站建設工作室</span></li> <li><span id="btapfe2" class="footer_cotact_type">地址：</span><span id="vvszfdj" class="footer_cotact_content">成都市青羊區(qū)太升南路288號</span></li> <li><span id="xpom894" class="footer_cotact_type">電話：</span><span id="zi4febr" class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span id="i1vmut9" class="footer_cotact_type">網(wǎng)址：</span><span id="x4ky6vk" class="footer_cotact_content"><a href="/" title="四川平武網(wǎng)站建設">m.5511xx.com</a></span></li> </ul> </div> </div> </div> </div> </div> <div id="qi24row" class="copyright"> <p>公司名稱：四川綿陽平武網(wǎng)站建設工作室 聯(lián)系電話：18980820575</p> <p><a target="_blank" rel="nofollow">網(wǎng)站備案號：蜀ICP備2024061352號-3</a></p> <p>四川平武建站 四川平武網(wǎng)站建設 四川平武網(wǎng)站設計 四川平武網(wǎng)站制作 <a target="_blank">成都做網(wǎng)站</a></p> </div> </div> </div> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://m.5511xx.com/" title="日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区">日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="k1kge" class="pl_css_ganrao" style="display: none;"><rp id="k1kge"></rp><table id="k1kge"><kbd id="k1kge"><dl id="k1kge"><dfn id="k1kge"></dfn></dl></kbd></table><dfn id="k1kge"><samp id="k1kge"><var id="k1kge"><em id="k1kge"></em></var></samp></dfn><dl id="k1kge"><dfn id="k1kge"><output id="k1kge"><strike id="k1kge"></strike></output></dfn></dl><legend id="k1kge"></legend><pre id="k1kge"><sub id="k1kge"><small id="k1kge"><rp id="k1kge"></rp></small></sub></pre><noframes id="k1kge"><button id="k1kge"><i id="k1kge"><tbody id="k1kge"></tbody></i></button></noframes><legend id="k1kge"><small id="k1kge"><tt id="k1kge"><rt id="k1kge"></rt></tt></small></legend><code id="k1kge"><nobr id="k1kge"><meter id="k1kge"><legend id="k1kge"></legend></meter></nobr></code><dfn id="k1kge"><noframes id="k1kge"><strike id="k1kge"><code id="k1kge"></code></strike></noframes></dfn><menuitem id="k1kge"><i id="k1kge"><small id="k1kge"><delect id="k1kge"></delect></small></i></menuitem><rp id="k1kge"><center id="k1kge"><pre id="k1kge"><video id="k1kge"></video></pre></center></rp><dfn id="k1kge"><noframes id="k1kge"><strike id="k1kge"><code id="k1kge"></code></strike></noframes></dfn><li id="k1kge"><kbd id="k1kge"><label id="k1kge"><optgroup id="k1kge"></optgroup></label></kbd></li><strong id="k1kge"><th id="k1kge"><menuitem id="k1kge"><i id="k1kge"></i></menuitem></th></strong><var id="k1kge"><em id="k1kge"><meter id="k1kge"><legend id="k1kge"></legend></meter></em></var><var id="k1kge"><em id="k1kge"><meter id="k1kge"><strong id="k1kge"></strong></meter></em></var><s id="k1kge"></s><optgroup id="k1kge"></optgroup><nobr id="k1kge"><pre id="k1kge"><s id="k1kge"><small id="k1kge"></small></s></pre></nobr><fieldset id="k1kge"><var id="k1kge"><ins id="k1kge"><dl id="k1kge"></dl></ins></var></fieldset><ul id="k1kge"><samp id="k1kge"><var id="k1kge"><em id="k1kge"></em></var></samp></ul><acronym id="k1kge"><menu id="k1kge"><rp id="k1kge"><thead id="k1kge"></thead></rp></menu></acronym><output id="k1kge"></output><var id="k1kge"><nobr id="k1kge"><meter id="k1kge"><legend id="k1kge"></legend></meter></nobr></var><label id="k1kge"><li id="k1kge"><dl id="k1kge"><input id="k1kge"></input></dl></li></label><table id="k1kge"><em id="k1kge"><dl id="k1kge"><dfn id="k1kge"></dfn></dl></em></table><dfn id="k1kge"></dfn><pre id="k1kge"><abbr id="k1kge"><sub id="k1kge"><menu id="k1kge"></menu></sub></abbr></pre><th id="k1kge"><button id="k1kge"><i id="k1kge"><tbody id="k1kge"></tbody></i></button></th><delect id="k1kge"></delect><th id="k1kge"><tt id="k1kge"><rt id="k1kge"><tbody id="k1kge"></tbody></rt></tt></th><i id="k1kge"></i><dl id="k1kge"></dl><center id="k1kge"></center><var id="k1kge"><nobr id="k1kge"><thead id="k1kge"><legend id="k1kge"></legend></thead></nobr></var><delect id="k1kge"><acronym id="k1kge"><th id="k1kge"><button id="k1kge"></button></th></acronym></delect><small id="k1kge"><delect id="k1kge"><dfn id="k1kge"><noframes id="k1kge"></noframes></dfn></delect></small><sub id="k1kge"></sub><li id="k1kge"><ins id="k1kge"><label id="k1kge"><optgroup id="k1kge"></optgroup></label></ins></li><strike id="k1kge"></strike><pre id="k1kge"></pre><strike id="k1kge"></strike><label id="k1kge"></label><pre id="k1kge"></pre><sub id="k1kge"><label id="k1kge"><rp id="k1kge"><thead id="k1kge"></thead></rp></label></sub><dfn id="k1kge"><noframes id="k1kge"><menuitem id="k1kge"><i id="k1kge"></i></menuitem></noframes></dfn><small id="k1kge"></small><optgroup id="k1kge"></optgroup><sub id="k1kge"><label id="k1kge"><rp id="k1kge"><thead id="k1kge"></thead></rp></label></sub></div> </html>