ASP.NET如何实现多文件上传
2010-11-15 08:14:08 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽i鍓х<闁诡垎鍐f寖闂佺娅曢幑鍥灳閺冨牆绀冩い蹇庣娴滈箖鏌ㄥ┑鍡欏嚬缂併劎绮妵鍕箳鐎n亞浠鹃梺闈涙搐鐎氫即鐛崶顒夋晬婵絾瀵ч幑鍥蓟閻斿摜鐟归柛顭戝枛椤牆顪冮妶搴′簼缂侇喗鎸搁悾鐑藉础閻愬秵妫冮崺鈧い鎺戝瀹撲礁鈹戦悩鎻掝伀缁惧彞绮欓弻娑氫沪閹规劕顥濋梺閫炲苯澧伴柟铏崌閿濈偛鈹戠€n€晠鏌嶆潪鎷屽厡闁汇倕鎳愮槐鎾存媴閸撴彃鍓卞銈嗗灦閻熲晛鐣烽妷褉鍋撻敐搴℃灍闁绘挻娲橀妵鍕箛闂堟稐绨肩紓浣藉煐濮樸劎妲愰幘璇茬闁冲搫鍊婚ˇ鏉库攽椤旂》宸ユい顓炲槻閻g兘骞掗幋鏃€鐎婚梺瑙勬儗閸樺€熲叺婵犵數濮烽弫鍛婃叏椤撱垹纾婚柟鍓х帛閳锋垶銇勯幒鍡椾壕缂備礁顦遍弫濠氱嵁閸℃稒鍊烽柛婵嗗椤旀劕鈹戦悜鍥╃У闁告挻鐟︽穱濠囨嚃閳哄啰锛滈梺褰掑亰閸欏骸鈻撳⿰鍫熺厸閻忕偟纭堕崑鎾诲箛娴e憡鍊梺纭呭亹鐞涖儵鍩€椤掑啫鐨洪柡浣圭墪閳规垿鎮欓弶鎴犱桓闂佸湱枪閹芥粎鍒掗弮鍫熷仺缂佸顕抽敃鍌涚厱闁哄洢鍔岄悘鐘绘煕閹般劌浜惧┑锛勫亼閸婃牠宕濋敃鈧…鍧楀焵椤掍胶绠剧€光偓婵犱線鍋楀┑顔硷龚濞咃絿妲愰幒鎳崇喓鎷犻懠鑸垫毐闂傚倷鑳舵灙婵炲鍏樺顐ゆ嫚瀹割喖娈ㄦ繝鐢靛У绾板秹寮查幓鎺濈唵閻犺櫣灏ㄥ銉р偓瑙勬尭濡繂顫忛搹鍦<婵☆垰鎼~宥囩磽娴i鍔嶉柟绋垮暱閻g兘骞嬮敃鈧粻濠氭偣閸パ冪骇鐎规挸绉撮—鍐Χ閸℃ê闉嶇紓浣割儐閸ㄥ墎绮嬪澶嬪€锋い鎺嶇瀵灝鈹戦埥鍡楃仯闁告鍕洸濡わ絽鍟崐鍨叏濡厧浜鹃悗姘炬嫹

1.设计页面,由于是Demo 程序界面设计就没去美化,贴代码
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MulitFilesUpload.aspx.cs" Inherits="WQT.WebUI.Jquery.MulitFilesUpload" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>多文件上传</title> <script type="text/javascript" src="../Lib/jquery-1.4.2.min.js"></script> <script type="text/javascript"> var fileIndex = 2; var controlId = "file"; $(function() { $("#btnAddNew").bind("click", function() { $("#Container").append("<input type='file' name='"+controlId+fileIndex+"' />"); fileIndex++; }); }); </script></head><body> <form id="form1" runat="server" enctype="multipart/form-data"> <div id="Container" style="width: 280px;"> <h3>多文件上传</h3> <input type="file" name="file1" /> <a id="btnAddNew" href="#">添加项</a> </div> <div> <asp:Button ID="btnSave" runat="server" Text="保存" OnClick="btnSave_Click" /> </div> </form></body></html>
2.后台代码的编写
namespace WQT.WebUI.Jquery{ public partial class MulitFilesUpload : System.Web.UI.Page { private string _saveToPath = "~/Jquery/uploads/"; protected void Page_Load(object sender, EventArgs e) { if (IsPostBack) { _saveToPath = Server.MapPath(_saveToPath); } } protected void btnSave_Click(object sender, EventArgs e) { int fileCount = Request.Files.Count; string fileName = string.Empty; string filePath=string.Empty; for (int i = 0; i < fileCount; i++) { fileName = Request.Files[i].FileName; filePath = _saveToPath + fileName.Substring(fileName.LastIndexOf("\\")+1); Request.Files[i].SaveAs(filePath) ; } } }}
3.运行页面,单击保存即可
在编码中出现的问题,以及部分解决方案参考
1.Request.Files无法获取页面传回的文件
如果我们使用服务器上次控件Form的enctype属性是"multipart/form-data"
但是如果我们要上传多个文件(我暂时不知道有什么其他方法,只能用页面JS这种简单的方式去实现)
但是如果我们用<input type="file" name="file1" /> Form表单enctype默认是"application/x-www-form-urlencoded"
这样就导致我们无法获取客户端上传的文件
解决方案:设置Form的enctype属性为"multipart/form-data"
2.文件目录 "***" 访问被拒绝
我出现该问题的原因是因为Server.MapPath("~/Jquery/uploads")这样写的
解决方案:在"~/Jquery/uploads"后面加反斜杠"/"(我修改后就出现了另一个问题如下题)
3.未能找到路径“***”的一部分
我出现该问题的原因是Request.Files[i].SaveAs(Server.MapPath("~/Jquery/uploads/"));
解决方案:Save方法需要一个文件完整的保存路径(包含文件名)如:Request.Files[i].SaveAs(Server.MapPath("~/Jquery/uploads/") + "test.gif");
最后一点文件上次的补充.
文件上次默认大小为4M
如果需要更改上传大小我们可以在
Web.Config 的 System.web 节点中配置一个节点<httpRuntime maxRequestLength="4096" executionTimeout="60" />
maxRequestLength: 最多请求长度,可以控制允许的最大上次的文件大小
executionTimeout :执行超时 ,如果设置的上传文件较大,则可能需要修改此处的设置
多文件上传我所知道的就这些了,有什么不对的地方还请多多提醒
更多精彩
赞助商链接