当前位置: 首页 > 编程笔记 >

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

秦滨海
2023-03-14
本文向大家介绍C#实现文件上传以及多文件上传功能,包括了C#实现文件上传以及多文件上传功能的使用技巧和注意事项,需要的朋友参考一下

一、前端搭建

1、前端用到js:uploadify(下载地址:http://www.uploadify.com/download/)、layer (下载地址:http://layer.layui.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>

注:这里我们用到了jquery

4、前端代码

<script type="text/javascript">
 var uploadifyOnSelectError;
 var uploadifyOnUploadError;
 var uploadifyOnSelect;
 var uploadifyOnUploadSuccess;
 uploadifyOnSelectError = function (file, errorCode, errorMsg) {
  var msgText = "上传失败\n";
  switch (errorCode) {
   case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:
    //this.queueData.errorMsg = "每次最多上传 " + this.settings.queueSizeLimit + "个文件";
    msgText += "每次最多上传 " + this.settings.queueSizeLimit + "个文件";
    break;
   case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
    msgText += "文件大小超过限制( " + this.settings.fileSizeLimit + " )";
    break;
   case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
    msgText += "文件大小为0";
    break;
   case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
    msgText += "文件格式不正确,仅限 " + this.settings.fileTypeExts;
    break;
   default:
    msgText += "错误代码:" + errorCode + "\n" + errorMsg;
  }
  layer.msg(msgText);
 };
 uploadifyOnUploadError = function (file, errorCode, errorMsg, errorString) {
  // 手工取消不弹出提示
  if (errorCode == SWFUpload.UPLOAD_ERROR.FILE_CANCELLED
   || errorCode == SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED) {
   return;
  }
  var msgText = "上传失败\n";
  switch (errorCode) {
   case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
    msgText += "HTTP 错误\n" + errorMsg;
    break;
   case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL:
    msgText += "上传文件丢失,请重新上传";
    break;
   case SWFUpload.UPLOAD_ERROR.IO_ERROR:
    msgText += "IO错误";
    break;
   case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
    msgText += "安全性错误\n" + errorMsg;
    break;
   case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
    msgText += "每次最多上传 " + this.settings.uploadLimit + "个";
    break;
   case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
    msgText += errorMsg;
    break;
   case SWFUpload.UPLOAD_ERROR.SPECIFIED_FILE_ID_NOT_FOUND:
    msgText += "找不到指定文件,请重新操作";
    break;
   case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
    msgText += "参数错误";
    break;
   default:
    msgText += "文件:" + file.name + "\n错误码:" + errorCode + "\n"
     + errorMsg + "\n" + errorString;
  }
  layer.msg(msgText);
 };

 uploadifyOnSelect = function () {
 };
 uploadifyOnUploadSuccess = function (file, data, response) {
  layer.msg(file.name + "\n\n" + response + "\n\n" + data);
 };
 $(function () {

  $("#uploadify").uploadify({
   uploader: '/PageBase/UploadifyFun', //处理上传的方法
   swf: '/Scripts/lib/uploadify/uploadify.swf',
   width: 80, // 按钮宽度
   height: 60, //按钮高度
   buttonText: "上传文件",
   buttonCursor: 'hand',
   fileSizeLimit:20480,
   fileobjName: 'Filedata',
   fileTypeExts: '*.xlsx;*.docx', //扩展名
   fileTypeDesc: "请选择xslx,docx文件", //文件说明
   auto: false, //是否自动上传
   multi: true, //是否一次可以选中多个文件
   queueSizeLimit: 5, //允许同时上传文件的个数
   overrideEvents: ['onSelectError', 'onDialogClose'], // 是否要默认提示 要就不配置
   onSelect: uploadifyOnSelect,
   onSelectError: uploadifyOnSelectError,
   onUploadError: uploadifyOnUploadError,
   onUploadSuccess: uploadifyOnUploadSuccess
  });
 });
</script>
<span id="uploadify"></span>
<div>
 <a href="javascript:$('#uploadify').uploadify('upload','*');">上传</a>
 <a href="javascript:$('#uploadify').uploadify('cancel', '*');">取消</a>
</div> 

注:fileSizeLimit 属性的值最好和我们web.config 里设置的文件上传最大值一样(不能大于这个值)

到这里。我们文件上传就结束了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍PHP实现文件上传和多文件上传,包括了PHP实现文件上传和多文件上传的使用技巧和注意事项,需要的朋友参考一下 在PHP程序开发中,文件上传是一个使用非常普遍的功能,也是PHP程序员的必备技能之一。值得高兴的是,在PHP中实现文件上传功能要比在Java、C#等语言中简单得多。下面我们结合具体的代码实例来详细介绍如何通过PHP实现文件上传和多文件上传功能。 要使用PHP实现文件上传功能,

  • 本文向大家介绍C#实现文件上传及文件下载功能实例代码,包括了C#实现文件上传及文件下载功能实例代码的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,直接给大家贴代码了,具体代码如下所示: 总结 以上所述是小编给大家介绍的C#实现文件上传及文件下载功能实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!

  • 本文向大家介绍Spring boot实现文件上传实例(多文件上传),包括了Spring boot实现文件上传实例(多文件上传)的使用技巧和注意事项,需要的朋友参考一下 文件上传主要分以下几个步骤: (1)新建maven java project; (2)在pom.xml加入相应依赖; (3)新建一个表单页面(这里使用thymleaf); (4)编写controller; (5)测试; (6)对上传

  • 本文向大家介绍ajaxfileupload.js实现上传文件功能,包括了ajaxfileupload.js实现上传文件功能的使用技巧和注意事项,需要的朋友参考一下 使用ajaxfileupload.js实现上传文件功能 一、ajaxFileUpload是一个异步上传文件的jQuery插语法:$.ajaxFileUpload([options]) options参数说明: 1、url        

  • 本文向大家介绍AjaxUpLoad.js实现文件上传功能,包括了AjaxUpLoad.js实现文件上传功能的使用技巧和注意事项,需要的朋友参考一下 AjaxUpLoad.js的使用实现无刷新文件上传,如图。 图1 文件上传前 图2 文件上传后 1、创建页面并编写HTML 上传文档:  上传图片:  2、引用AjaxUpload.js文件 3、编写JS脚本 4、创建/Common/UploadHan

  • 本文向大家介绍java实现文件上传功能,包括了java实现文件上传功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了java实现文件上传的具体代码,供大家参考,具体内容如下 一、文件上传准备工作 对于文件上传,浏览器在上传的过程中将文件以流的形式提交到服务器。 可以选择apache的commons-fileupload包作为文件上传组件,commons-fileupload包依赖于