上传文件的三种方式
HTML Markup
<div> <div> <h1>1. 用Web控件FileUpload,上传到网站根目录</h1> <asp:FileUpload ID="FileUpload1" runat="server" /> <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="btnUpload_Click" /> <asp:Label ID="Label1" runat="server" Text="" Style="color: Red"></asp:Label> </div> <hr style="color: red" /> <div> <h1>2. 用Html控件HtmlInputFile,上传到网站根目录</h1> <input id="File1" type="file" runat="server" /> <asp:Button ID="btnHtmlFileUpload" runat="server" Text="Upload" OnClick="btnHtmlFileUpload_Click" /> <asp:Label ID="Label2" runat="server" Text="" Style="color: Red"></asp:Label> </div> <hr style="color: red" /> <div> <h1>3. 用Html元素<input type="file" …/>,通过Request.Files上传到网站根目录。</h1> <input id="File2" type="file" name="file"/> <asp:Button ID="btnHtmlUpload_Request" runat="server" Text="Upload" OnClick="btnHtmlUpload_Request_Click"/> <asp:Label ID="Label3" runat="server" Text="" Style="color: Red"></asp:Label> </div> </div>
View Code
The code behind page
//方法一:使用FileUpload 控件进行文件的上传 protected void btnUpload_Click(object sender, EventArgs e) { if (FileUpload1.HasFile) { FileUpload1.SaveAs(Server.MapPath("~/SaveUploadFiles/") + FileUpload1.FileName); Label1.Text = "上传成功!"; } } //方法二:使用Html文件上传控件进行文件的上传 protected void btnHtmlFileUpload_Click(object sender, EventArgs e) { if (File1.PostedFile.ContentLength > 0) { File1.PostedFile.SaveAs(Server.MapPath("~/SaveUploadFiles/") + Path.GetFileName(File1.PostedFile.FileName)); Label2.Text = "上传成功!"; } } //方法三:用Html元素<input type="file" …/>,通过Request.Files上传到网站根目录。 protected void btnHtmlUpload_Request_Click(object sender, EventArgs e) { if (Request.Files["file"].ContentLength > 0) { Request.Files["file"].SaveAs(Server.MapPath("~/SaveUploadFiles/") + Path.GetFileName(Request.Files["file"].FileName)); Label3.Text = "上传成功!"; } }
View Code
–注意两点区别:
一:FileUpload.FileName获取客户端上传文件名(不带路径),而file1.PostedFile.FileName 和Request.Files[“file”].FileName在不同浏览器下情况不同:IE8下获得的是客户端上传文件的完全限定名(带路径),谷歌、苹果等浏览器下则仍为文件名(不带路径)。
二:FileUpload控件有HasFile属性,用于判断用户是否选择了上传文件,而后面两种方法则需要通过判断上传文件大小ContentLength属性,当用户没有选择上传文件时,该属性值为0。