现在位置首页 / 项目实战 /正文

asp.net多文件上传

作者: IT小兵 | 2016年10月25日| 热度:℃ | 评论: |参与:

 文件上传简单实现是非常容易的,但是想要更高的要求,比如通过ajax上传文件、一次上传多个文件、文件比较大等等,这里面的坑就不是很容易填(对于新手来说)。因此在这里我准备通过ajax实现多文件上传。在开始贴代码之前,要注意几点:

  1.<input type="file" />是必须要加name的,不知道为什么不加name属性,后台获取不到文件数据(有办法的大神可以在评论区提醒我),然后是multiple属性,当multiple="multiple"时,file控件是可以多选需要上传的文件的(<input type="file" multiple="multiple"  name="myFile" />)。

  2.form要设enctype为multiple/form-data,multipart/form-data表示:不对字符编码,在使用包含文件上传控件的表单时,必须使用该值。关于enctype的详细讲解可以查看http://www.jb51.net/web/165444.html

  3.重点来了,ajax的参数设置里面有大坑(很多人都没注意ajax的众多参数),contentType和processData需要设为false,contentType明明被要求为string类型,但是这里要设为false(我也不知道为什么),网上关于contentType的说明大多是"contentType:要求为String类型的参数,当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded"。该默认值适合大多数应用场合",还有个data要设为new FormData($(' ')[0]),想了解其他参数的可看这个http://www.cnblogs.com/babietongtianta/p/4543170.html

  下面就是简单的前台代码:

<form id="uploadForm" enctype="multipart/form-data" action="/Login/uploadFile" method="post">
    <input type="file" multiple="multiple" id="PersonFile" name="MyFile"  />
    <button type="button" id="submitFile"  onclick="uploadFile()">提交</button></form>
//上传文件
        function uploadFile() {
            debugger
            $.ajax({
                url: '/Login/uploadFile',
                type: 'POST',
                cache: false,
                data: new FormData($('#uploadForm')[0]),
                processData: false,  // 关键点
                contentType: false,  // 关键点
                success: function (result) {
                    if (result.Check) {
                        alert("成功");
                    }
                    else {
                        alert("失败");
                    }
                    var file = $("#PersonFile")
                    file.after(file.clone().val(""));
                    file.remove();
                }
            });
        }

  现在轮到后台了,我这边后台是通过System.Web.HttpContext.Current.Request.Files获取文件数据集的,之后的代码我将以图片为例。

[HttpPost]
        public ActionResult uploadFile()
        {
            Result<string> check = new Result<string>();
            try
            {
                HttpFileCollection files = System.Web.HttpContext.Current.Request.Files;
                int number = 0;
                for (int i = 0; i < files.Count; i++)
                {
                    System.Text.StringBuilder fileName = new System.Text.StringBuilder();
                    fileName.Append(@"D:\");
                    fileName.Append(DateTime.Now.ToString("yyMMdd"));
                    fileName.Append(@"\");
                    if (!System.IO.Directory.Exists(fileName.ToString()))
                    {
                        System.IO.Directory.CreateDirectory(fileName.ToString());
                    }
                    fileName.Append(System.IO.Path.GetFileNameWithoutExtension(files[i].FileName));
                    fileName.Append(DateTime.Now.ToString("yyMMddHHmmss"));
                    fileName.Append(System.IO.Path.GetExtension(files[i].FileName));
                    System.IO.Stream sm = files[i].InputStream;
                    if (System.IO.File.Exists(@"D:\水印log.jpg"))
                    {
                        ImageHelper.ZoomAuto(sm, fileName.ToString(), 400, 300, "", @"D:\水印log.jpg");
                    }
                    else
                    {
                        ImageHelper.ZoomAuto(sm, fileName.ToString(), 400, 300, "水印LOG", "");
                    }
                    bool ok = System.IO.File.Exists(fileName.ToString());
                    if (ok)
                    {
                        number++;
                    }
                }
                if (number.Equals(files.Count))
                {
                    check.Message = "上传成功!";
                    check.Check = true;
                }
                else
                {
                    check.Message = "失败!";
                    check.Check = false;
                }
                return Json(check);
            }
            catch(Exception ex)
            {
                check.Message = ex.ToString();
                check.Check = false;
                return Json(check);
            }
        }
/// <summary>
    /// 返回值
    /// </summary>
    public class Result<T>
    {
        public string Message { get; set; }
        public bool Check { get; set; }
        public IList<T> ResultList { get; set; }
    }

 其中用到了ImageHelper.ZoomAuto(),这个是吴剑大哥写的图片处理类,地址http://www.cnblogs.com/wu-jian/archive/2011/02/21/1959382.html。最后还有一个坑,就是asp.net对一次上传数据的大小是有限制的,要解除限制才能10个20个文件同时上传。如何解除限制?在web.config里面配置一下就OK了。代码如下:

<system.web>
    <authentication mode="None" />
    <compilation debug="true" targetFramework="4.5" />
    <!--<httpRuntime targetFramework="4.5" />-->
    <httpRuntime executionTimeout="500" maxRequestLength="409600" useFullyQualifiedRedirectUrl="false" minFreeThreads="8" minLocalRequestFreeThreads="4" appRequestQueueLimit="100" />
  </system.web>

把<httpRuntime >放<system.web>节点下。


点击阅读本文所属分类的更多文章: 项目实战 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询