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. 新建React Native项目步骤

    根据官方环境 https://reactnative.cn/docs/getting-started/ 搭建好之后 1.新建项目 打开React Native 命令行工具,并输入 react-nati ...

  2. 常见面试算法题JS实现-仅用递归函数和栈操作逆序一个栈

    前言: 因为JAVA和JS语言特性的不同,有些东西在JAVA中可能需要一些技巧和手段才能实现的复杂程序,但是在JS中可能就是天然存在的,所以这套书里面的题目不会全部用JS去实现一遍,因为可能JS的实现 ...

  3. 流行创意风格教师求职简历免费word模板

    18款流行创意风格教师求职简历免费word模板,也可用于其他专业和职业,个人免费简历模板,个人简历表免费,个人简历表格. 声明:该简历模板仅用于个人欣赏使用,请勿用于商业用途,谢谢. 下载地址:百度网 ...

  4. 扩展Unity Inspector

    Unity Editor下,可以在不改变原有布局的情况下扩展Inspect的界面. 在继承了Editor的类中,有两种实现方式: using UnityEditor; [CustomEditor(ty ...

  5. 快手hr面

    快手hr面 20180918 自我介绍 hr部门介绍 效率工程 主要问题 问我对部门是否有感兴趣? 我要求地点在北京,然后就畅聊口音.老家,学校等 学校的成绩?(研究生.本科) 自己属于哪类学生?(属 ...

  6. 【坚持】Selenium+Python学习记录 DAY9

    2018/05/29 [来源:菜鸟教程](http://www.runoob.com/python3/python3-examples.html) 运算符重载 https://segmentfault ...

  7. Thunder——Final冲刺中间产物

    版本控制: http://www.cnblogs.com/lick468/p/7994015.html 软件功能说明书: http://www.cnblogs.com/szjzsd/p/7979565 ...

  8. ME.kkkK

    ME.kkkK 一.预估与实际 PSP2.1 Personal Software Process Stages 预估耗时(分钟) 实际耗时(分钟) Planning 计划 50 40 • Estima ...

  9. web10 动态action的应用

    电影网站:www.aikan66.com 项目网站:www.aikan66.com游戏网站:www.aikan66.com图片网站:www.aikan66.com书籍网站:www.aikan66.co ...

  10. 今日事——Sprint计划会议

    一.   Sprint需求: 解屏提醒部分 界面设计 登录功能 备忘功能 成就系统 二．工作认领: 因有成员请假回家,所以延后认领,目前主要任务是学习如何在andriod平台开发并搭建开发环境. 网上 ...