基于ASP.NET MVC 4、WebApi、jQuery和FormData的多文件上传方法
通过上传文件是网站应用系统的一个经典应用，可参考的文章较多。因为多种原因，笔者不能远程桌面连接服务器，只有通过网站方式上传更新的应用系统文件。正好五一几天，把原来的有关构思编程实现，即巩固了所学的ASP.NET MVC WebApi知识，也做一个通用的文件上传网站。本文不打算介绍实际的通用网站，而是用一个简单实例主要介绍相关技术。
1、构建和初始化路由
控制器采用默认路由，WebApi采用定制路由，见如下全局文件Global、默认过滤器配置、默认控制器路由配置和定制WebApi路由配置程序的代码：
using System.Web.Http;
using System.Web.Mvc;
using System.Web.Routing;
namespace CSUST.Files
{
public class MvcApplication : System.Web.HttpApplication
{
protected void Application_Start() // 全局文件 Global.asax.cs
{
AreaRegistration.RegisterAllAreas();
WebApiConfig.Register(GlobalConfiguration.Configuration);
FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
RouteConfig.RegisterRoutes(RouteTable.Routes);
this.SetJsonFormatter();
}
private void SetJsonFormatter()
{
GlobalConfiguration.Configuration.Formatters.XmlFormatter.SupportedMediaTypes.Clear();
System.Net.Http.Headers.MediaTypeHeaderValue jsonFormatter = new System.Net.Http.Headers.MediaTypeHeaderValue("application/json");
GlobalConfiguration.Configuration.Formatters.XmlFormatter.SupportedMediaTypes.Add(jsonFormatter); // 必须
}
}
}using System.Web;
using System.Web.Mvc;
namespace CSUST.Files
{
public class FilterConfig // 过滤器配置 FilterConfig.cs
{
public static void RegisterGlobalFilters(GlobalFilterCollection filters)
{
filters.Add(new HandleErrorAttribute());
}
}
}using System.Web.Mvc;
using System.Web.Routing;
namespace CSUST.Files
{
public class RouteConfig // 默认控制器路由配置 RouteConfig.cs
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
name: "Default",
url: "{controller}/{action}/{id}",
defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
);
}
}
}using System.Web.Http;
namespace CSUST.Files
{
public static class WebApiConfig // 定制WebApi路由配置 WebApiConfig.cs
{
public static void Register(HttpConfiguration config)
{
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
config.Routes.MapHttpRoute(
name: "DefaultApi2",
routeTemplate: "api/{controller}/{action}/{id}",
defaults: new { action = RouteParameter.Optional, id = RouteParameter.Optional }
);
}
}
}
如下是默认的控制器HomeController代码以及多文件上传处理的WebApi代码
using System.Web.Mvc;
namespace CSUST.Files
{
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
}
}
using System;
using System.Web;
using System.Web.Http;
namespace CSUST.Files
{
public class FilesApiController : ApiController // FilesApi控制器
{
[HttpPost]
public string Upload()
{
try
{
var httpRequest = HttpContext.Current.Request;
var dirName = httpRequest.Form["DirName"]; // 获取 FormData的键值
System.Text.StringBuilder ss = new System.Text.StringBuilder();
ss.Append("成功上传文件" + Environment.NewLine);
foreach (string key in httpRequest.Files) // 文件键
{
var postedFile = httpRequest.Files[key]; // 获取文件键对应的文件对象
var file = dirName + postedFile.FileName;
postedFile.SaveAs(file);
ss.Append(file + Environment.NewLine);
}
return ss.ToString();
}
catch (Exception err)
{
return err.Message;
}
}
}
}
下面是HomeController控制器Index方法对应的视图文件。
@{
Layout = null;
}
文件上传
- @Url.Action用于产生 Url。该辅助方法可以根据路由表产生正确的相对地址，在ajax调用参数中也使用了该辅助方法。注意，上述代码的