html:

        <form action="/home/upload" method="post" enctype="multipart/form-data">

            <input type="file"  name="files" multiple/>

            <input type="submit" value="提交" />

        </form>

文件file 的name属性必填。

ActionResult:

 [HttpPost]

        public ActionResult Upload(HttpPostedFileBase[] files)

        {

            var path = Server.MapPath("/File");

            if (!Directory.Exists(path))

            {

                Directory.CreateDirectory(path);

            }

            foreach (HttpPostedFileBase item in files)

            {

                item.SaveAs(Path.Combine(path, item.FileName));

            }

            return Content("ok");

        }

H5让我们轻松实现文件上传.

如果异步，代码如下

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <script src="~/Scripts/jquery-1.8.2.min.js"></script>

</head>

<body>

    <div>

        <form id="formtable" enctype="multipart/form-data">

            <input type="file" id="files" name="files" multiple />

            <input type="button" id="btnok" value="提交" />

        </form>

    </div>

    <script>

        $("#btnok").click(function () {

            var formdata = new FormData(document.getElementById("formtable"));

            $.ajax({

                url: "/home/upload",

                data: formdata,

                type: 'post',

                datatype: 'json',

                // XMLHttpRequest会对 formdata 进行正确的处理

                processData: false,

                //必须false才会自动加上正确Content-Type

                contentType: false,

                success: function (data) { alert(data); }

            })

        });

    </script>

</body>

</html>
public ActionResult Index()

        {

            return View();

        }

        [HttpPost]

        public ActionResult Upload(HttpPostedFileBase[] files)

        {

            var path = Server.MapPath("/File");

            if (!Directory.Exists(path))

            {

                Directory.CreateDirectory(path);

            }

            foreach (HttpPostedFileBase item in files)

            {

                item.SaveAs(Path.Combine(path, item.FileName));

            }

            return Content("ok");

        }

用Html5与Asp.net MVC上传多个文件的更多相关文章

  1. asp.net mvc上传头像加剪裁功能

    原文:asp.net mvc上传头像加剪裁功能 正好项目用到上传+剪裁功能,发上来便于以后使用. 我不能告诉你们其实是从博客园扒的前台代码,哈哈. 前端是jquery+fineuploader+jqu ...

  2. ASP.NET MVC上传文件----uploadify的使用

    课程设计需要实现上传文件模块,本来ASP.NET是有内置的控件,但是ASP.NET MVC没有,所以就有两种方法:自定义和采用第三方插件.由于时间的关系,故采用第三方插件:uploadify. upl ...

  3. asp.net MVC 上传文件 System.Web.HttpException: 超过了最大请求长度

    APS.NET MVC 上传文件出现  System.Web.HttpException: 超过了最大请求长度 这个问题 原因是 默认最大上传文件大小为4096,而我提交的文件太大了. 解决方案:修改 ...

  4. asp.net mvc上传头像加剪裁功能介绍

    正好项目用到上传+剪裁功能,发上来便于以后使用. 我不能告诉你们其实是从博客园扒的前台代码,哈哈. 前端是jquery+fineuploader+jquery.Jcrop 后台是asp.net mvc ...

  5. ASP.NET MVC上传文件

    最近参考网络资料,学习了ASP.NET MVC如何上传文件.最基本的,没有用jQuery等技术. 1.定义Model public class TestModel    {        [Displ ...

  6. asp.net mvc 上传下载文件的几种方式

    view: <!DOCTYPE html> <html> <head> <meta name="viewport" content=&qu ...

  7. asp.net mvc 上传文件

    转至:http://www.cnblogs.com/fonour/p/ajaxFileUpload.html 0.下载 http://files.cnblogs.com/files/fonour/aj ...

  8. Asp.net mvc上传多张图片后台存储

    前台页面通过<file name="img">标签数组上传图片,后台根据Request.Files["img"]来接收前台上传的图片. 1 Syst ...

  9. 怎样解决asp.net.mvc上传附件超过长度问题？

    最近,在做一个上传附件功能,但是文件超过4M,就报上传的文件超过长度问题

随机推荐

  1. Model详解

    一.数据库操作 Model操作: 创建数据库表结构(建表) 操作数据库表(增删改查) 做一部分的验证(验证) a.建表 1.表字段 AutoField(Field) - int自增列,必须填入参数 p ...

  2. [PLC]ST语言二：LDP_LDF_ANDP_ANDF_ORP_ORF

    一:LDP_LDF_ANDP_ANDF_ORP_ORF基本指令 说明:简单的顺控指令不做其他说明. 控制要求:无 编程梯形图: 结构化编程ST语言: (*LDP(EN,s)/ORP(EN,S)*) M ...

  3. 粒子群算法（PSO）关于参数w的一些改进方法

    (一)线性递减 function [xm,fv] = PSO_lin(fitness,N,c1,c2,wmax,wmin,M,D) format long; % fitness学习函数 % c1学习因 ...

  4. Ubuntu 16.04安装tensorflow_gpu的方法

    参考资料: Ubuntu 16.04安装tensorflow_gpu 1.9.0的方法 装Tensorflow,运行项目报错: module compiled against API version ...

  5. .NET处理Json的几种方式

    序列化里的xml,soap,binary在上一篇文章里面已经说过了,这篇主要说json. json是目前非常流行的一种序列化数据的方式,很多api都采用的是json,结构简洁,容易理解,适用性强,逐渐 ...

  6. 金融科技行业 SDL（转载）

     都是一些检查项,值得借鉴,关键在于要能够落地 作者 沈发挺@美的金融科技下载打印版

  7. Yii2 输出图片相关

    http://www.yiichina.com/doc/api/2.0/yii-web-response#$format-detail https://segmentfault.com/q/10100 ...

  8. uiimageview 的 animation 动画

    NSMutableArray *meiArr = [NSMutableArray arrayWithCapacity:4]; for (int i = 0; i < 4; i++) { NSSt ...

  9. mysql添加一个字段(

    mysql添加一个字段(在指定的一个字段后面) 举个栗子:alter table inquiry add error_code varchar(3) after add_time; 说明:alter ...

  10. Django_rest_framework_Serializer

    序列化Serializer 序列化用于对用户请求数据进行验证和数据进行序列化(为了解决queryset序列化问题). 那什么是序列化呢?序列化就是把对象转换成字符串,反序列化就是把字符串转换成对象 m ...