分类导航

asp.Net 发布时间：2022-04-07 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了ASP.Net上传文件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

在做Web项目时，上传文件是经常会碰到的需求。ASP.Net的WebForm开发模式中，封装了FileUpload控件，可以方便的进行文件上传操作。但有时，你可能不希望使用ASP.Net中的服务器控件，仅仅使用Input标签来实现文件上传。当然也是可以的。下面总结在项目中使用过的上传文件的方式。

一、使用Asp.Net中的FileUpload服务器端控件实现上传

使用asp.net中的服务器端控件FileUpload上传文件非常方便。FileUpload对上传操作进行了封装，你只需要调用SaveAs方法即可完成上传。下面是简单的上传代码。

服务器端控件上传

ASP.Net上传文件

 1    protected void FileUploadButton_Click(object sender,EventArgs E)
 2         {
 3             if (MyFileUpload.HasFilE)
 4             {
 5                 String filePath = Server.MapPath("~/UploadFiles/");
 6                 String filename = MyFileUpload.PostedFile.Filename;
 7                 MyFileUpload.SaveAs(filePath + fileName);
 8                 Response.Write("上传成功!
");
 9             }
10             else
11             {
12                 Response.Write("请选择要上传的文件!
");
13             }
14         }

ASP.Net上传文件

当然，在实际项目中就不能这么简单的保存文件了。你至少得增加一些文件类型的判断，防止用户上传一些能够威胁到系统安全的文件。你可以采用客户端JS验证的方式，也能够在.cs的服务器端代码中验证。

在asp.Net WebForm开发框架下，我们也可以利用Html的Input标签来上传文件。这时候需要注意的一点，这个type为file的Input标签需要加上runat="server"属性,否则在后台request.Files获取不到上传的文件。

使用Html的Input标签上传

ASP.Net上传文件

 1         protected void InputFileUploadButton_Click(object sender,EventArgs E)
 2         {
 3             httpFileCollection files = request.Files;
 4             String filePath = Server.MapPath("~/UploadFiles/");
 5             if (files.Count != 0)
 6             {
 7                 String filename = files[0].Filename;
 8                 files[0].SaveAs(Path.Combine(filePath,fileName));
 9                 Response.Write("上传成功
");
10             }
11             else
12             {
13                 Response.Write("未获取到Files:"+ files.Count.ToString()+"
");
14             }
15         }

ASP.Net上传文件

以这种方式进行上传的时候，好处就是可以方便的用JS生成多个Input标签来上传多个文件。且此时需要注意的是，Input标签必须要有name属性。在后台，只需要循环调用SaveAs()方法即可。

接下来的两种上传方式（二和三）都会用到Ajax异步提交数据，后台使用一个.ashx文件进行处理。两种方式共用一个文件，ajax传入的url参数中加一个method来区分哪种方式传过来的。后台代码如下：

ASP.Net上传文件

 1    public void Processrequest(httpContext context)
 2         {
 3             String method = context.request.QueryString["method"].ToString();
 4             switch (method)
 5             {
 6                 case "ajaxFileUpload":
 7                     ajaxFileUpload(context);
 8                     break;
 9                 case "formDataUpload":
10                     formDataUpload(context);
11                     break;
12                 default:
13                     break;
14             }
15         }
16 
17         private static void formDataUpload(httpContext context)
18         {
19             httpFileCollection files = context.request.Files;
20 
21             String msg = String.Empty;
22             String error = String.Empty;
23             if (files.Count > 0)
24             {
25                 files[0].SaveAs(ConfigurationManager.AppSetTings["FilePath"].ToString() + System.IO.Path.GetFilename(files[0].FileName));
26                 msg = " 成功! 文件大小为:" + files[0].ContentLength;
27                 String res = "{ error:'" + error + "',msg:'" + msg + "'}";
28                 context.Response.Write(res);
29                 context.Response.End();
30             }
31         }
32 
33         private static void ajaxFileUpload(httpContext context)
34         {
35             httpFileCollection files = context.request.Files;
36 
37             String msg = String.Empty;
38             String error = String.Empty;
39             if (files.Count > 0)
40             {
41                 files[0].SaveAs(ConfigurationManager.AppSetTings["FilePath"].ToString() + System.IO.Path.GetFilename(files[0].FileName));
42                 msg = " 成功! 文件大小为:" + files[0].ContentLength;
43                 String res = "{ error:'" + error + "',msg:'" + msg + "'}";
44                 context.Response.Write(res);
45                 context.Response.End();
46             }
47         }

ASP.Net上传文件

二、使用Html中的Input标签加FormData对象实现

使用这种方式上传附件，对浏览器有些要求。FormData属于Html5中新增的特性，IE浏览器只有在10以上才支持。所以，个中利弊自己权衡，但用起来觉得方便。下面直接上代码：

ASP.Net上传文件

 1   function formDataUpload() {
 2             var fileupload = document.getElementById('fileToUpload').files;
 3             var formdata = new FormData();
 4             formdata.append('files',fileupload[0]);
 5             var xmlhttp = new XMLhttprequest();
 6             xmlhttp.open("post",'Handlers/FileUpload.ashx?method=formDataUpload');
 7             xmlhttp.onreadystatechange = function () {
 8                 if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
 9                     alert('上传成功');
10                 }
11             }
12             xmlhttp.send(formdata);
13         }

ASP.Net上传文件

使用此方法，需要引用jquery.js和ajaxfileupload.js两个文件。还需要注意的部分是两个文件的版本匹配问题，可能在使用过程中会出现些异常。此时发挥搜索引擎的作用，总能找到你需要的解决方案。