C#实现文件上传以及多文件上传功能

2019-12-30 17:28:41于丽

一、前端搭建

1、前端用到js:uploadify(下载地址:http://www.easck.com/download/)、layer (下载地址:http://www.easck.com/),下载之后把它们放在你的项目里 列如

 

2、根据你的需要在你项目适当的位置建立上传文件的目录  列如(File)

 

 到此前端搭建结束

二、配置文件修改(可选择跳过此步骤)

1、首先说明下,这个步骤可以跳过,此步骤主要是修改上传文件大小的限制(.net 默认最大只能上传4M)如若需要修改请继续阅读该步骤。

2、打开web.config 配置文件 找到<system.web> 节点 ,在该节点下面添加如下节点


<httpRuntime targetFramework="4.5"  executionTimeout="500" maxRequestLength="409600" useFullyQualifiedRedirectUrl="false" minFreeThreads="8" minLocalRequestFreeThreads="4" appRequestQueueLimit="100" />
<!-- maxRequestLength属性是上传文件大小的设置 值是kb大小 maxRequestLength=“1024” 为最大上传1M -->

三、代码编写

1、说明下:我用的是mvc模式 所以这里就用mvc的方式编写 (代码是不变的,开发者可以根据你们的设计模式编写)

2、建立一个控制器PageBaseController在该控制器里编写如下代码 (如果是用的aspx页面那么把FileUpdateView方法删掉  ,把UploadifyFile 方法的ActionResult改成void  并去掉return null;) 

后端代码如下


/// <summary>
    /// 文件上传页面
    /// </summary>
    /// <returns></returns>
    public ActionResult FileUpdateView()
    {
      return View();
    }

    /// <summary>
    /// 文件处理方法
    /// </summary>
    /// <param name="filedata"></param>
    /// <returns></returns>
    public ActionResult UploadifyFile(HttpPostedFileBase filedata)
    {
      if (filedata == null ||
        String.IsNullOrEmpty(filedata.FileName) ||
        filedata.ContentLength == 0)
      {
        return HttpNotFound();
      }

      string filename = System.IO.Path.GetFileName(filedata.FileName);
      string virtualPath = String.Format("~/File/{0}", filename);

      string path = Server.MapPath(virtualPath);
      // 以下注释的代码 都可以获得文件属性
      // System.Diagnostics.FileVersionInfo info = System.Diagnostics.FileVersionInfo.GetVersionInfo(path);
      // FileInfo file = new FileInfo(filedata.FileName);

      filedata.SaveAs(path);
      return null;
    } 

注:virtualPath 是我们搭建上传文件的目录

3、在视图(页面)里引用我们搭建的js:uploadfiy 、layer 路径

 列如:      


<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/lib/layer/layer.js"></script>
<link href="~/Scripts/lib/uploadify/uploadify.css" rel="external nofollow" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/lib/uploadify/jquery.uploadify.min.js"></script>