Html中的代码:

 <!DOCTYPE html>

 <html>

 <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title></title>

     <meta charset="utf-8" />

     <script src="Contents/JScript/jquery.min.js"></script>

 </head>

 <body>

     <form id="uploadForm">

         <!-- ajax请求的话不需要method="post" action="MvcUload.html" enctype="multipart/form-data"这些参数，否则405错误-->

         <!--<form method="post" action="MvcUload.html" enctype="multipart/form-data" id="uploadForm">-->

         <input type="file" name="file" id="file" /><button onclick="fnUpload()">上传文件</button>

     </form>

     <form method="post" action="../../UploadFiles/DownLoadFile" enctype="multipart/form-data" id="uploadForm1">

        <button onclick="fnSubmit()">下载文件</button>

     </form>

     <script>

         function fnUpload() {

             var formData = new FormData($("#uploadForm")[0]);//var formData = new FormData();//formData.append("file", $("#file")[0].files[0]); //获取文件法二   两种方法都可以
             $.ajax({

                 async: false,//要求同步 不是不需看你的需求

                 url: "../UploadFiles/SaveFile",

                 type: 'POST',

                 data: formData,

                 processData: false,  //必须false才会避开jQuery对 formdata 的默认处理

                 contentType: false,  //必须false才会自动加上正确的Content-Type

                 success: function (res) {

                     alert(res);

                 }, error: function (res) {

                     alert("请求失败");

                 }

             });

         }

         function fnSubmit() {

             $("#uploadForm1").submit();

         }

     </script>

 </body>

 </html>

C#后台控制器里面的方法：

  public class UploadFilesController : Controller

     {

         //保存文件

         public string SaveFile()

         {

             var result = "";

             HttpFileCollection files = System.Web.HttpContext.Current.Request.Files;

             if (files.Count>)

             {

                 HttpPostedFile file = files[];//一次上传一个文件

                 if (file.ContentLength > )

                 {

                     try

                     {

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

                         if (!Directory.Exists(path)) Directory.CreateDirectory(path);

                         var combineName = System.IO.Path.Combine(path, System.IO.Path.GetFileName(file.FileName));//组合成路径

                         file.SaveAs(combineName);

                         result = "文件上传成功!";

                     }

                     catch (Exception e)

                     {

                         result = e.ToString();

                     }

                 }

                 else

                     result = "文件不能为空!";

             }

             else

                 result = "文件不能为空!";

             return result;

         }

         //下载文件

         public void DownLoadFile()

         {

             HttpRequest request = System.Web.HttpContext.Current.Request;

             var re = request.Url;//查看请求地址，发现  /UploadFiles/DownLoadFile  request.Url.LocalPath   http://localhost:2565/UploadFiles/DownLoadFile  request.Url.OriginalString

             //请求地址都不是Controllers文件夹下面的地址,需要注意表单action的地址

             HttpResponse response = System.Web.HttpContext.Current.Response;

             var files = Directory.GetFiles(Server.MapPath("../uploadfiles"));

             if (files.Length > ) {

                 var fileUrl = files[];//取第一个下载

                 var fileArr = fileUrl.Split('\\');

                 var fileName = fileArr[fileArr.Length - ];

                 response.Clear();

                 response.ContentType = "application/octet-stream";

                 response.AddHeader("Content-Disposition", "attachment;filename=" + System.Web.HttpUtility.UrlEncode(fileName));

                 response.TransmitFile(fileName);

             }

         }

     }

Html Ajax上传文件，form表单下载文件的更多相关文章

  1. 使用隐藏form表单下载文件,解决url方式下载,由于环境问题而限制url长度,满足不了所有的需求!

    一 对于某些环境导出是直接用wiondow.href=url直接导出下载,有些业务需求,如员工档案等字段比较多的时候,全选导出就会引发异常,由于Nginx转发长度限制的问题, 如果运维不愿意改变环境, ...

  2. Struts2文件上传（基于表单的文件上传）

    •Commons-FileUpload组件 –Commons是Apache开放源代码组织的一个Java子项目,其中的FileUpload是用来处理HTTP文件上传的子项目   •Commons-Fil ...

  3. 【文件上传】文件上传的form表单提交方式和ajax异步上传方式对比

    一.html 表单代码 …… <input type="file" class="file_one" name="offenderExcelFi ...

  4. Java中request请求之 - 带文件上传的form表单

    常用系统开发中总免不了显示图片,保存一些文件资料等操作. 这些操作的背后,就是程序员最熟悉的 enctype="multipart/form-data"类型的表单. 说起file类 ...

  5. 理解流方式上传和form表单上传

    流方式上传: $post_input = 'php://input'; $save_path = dirname( __FILE__ ); $postdata = file_get_contents( ...

  6. Ajax提交Form表单及文件上传

    刚刚申请下来的博客,写得第一篇.有点小激动,本人以前是一名工业3D设计师突然有些变故做上了JavaWeb开发: 前几天,发现了一些小问题.我在写后台管理页面时,需要上传一张图片.于是我就用很普通的Fo ...

  7. layui框架实现多图片手动上传和随表单提交方法

    首先在官方文档并没有手动上传的说明文档,这里手动实现上传原理是:在表单中有三个按钮,分别是上传图片按钮.隐藏上传按钮.表单提交按钮,点击上传图片按钮之后,图片添加在前端但是并没有真正的上传,而是在点击 ...

  8. 导出excel用ajax不行，提交form表单可以

    导出excel用ajax不行,提交form表单可以. 一直用ajax找原因,网页不出现下载提示框 写了 response.setContentType("application/binary ...

  9. Atitit vue.js 把ajax数据 绑定到form表单

    Atitit vue.js 把ajax数据 绑定到form表单 1.1. 使用场景:主要应用在编辑与提交场合..1 1.2. 绑定数据到form控件,可以使用jquery,不过vue.js更加简单1 ...

随机推荐

  1. 在 ef 中执行 DbContext.Table.AddRange(Enitites).ToList() 会发生什么

    在 ef 中执行 DbContext.Table.AddRange(Enitites).ToList() 会发生什么 昨天和朋友摸鱼,无意之间聊到了执行 DbContext.Table.AddRang ...

  2. iOS-如何返回某个字符串的拼音助记码

    我也是看了网上的一个示例代码后,在它的基础上进行的修改.因为项目上会用到,我相信很多人的项目上也会用到.所以实现后,也赶紧分享出来,希望后来人不需要花费时间了. 提示:这里用到了正则表达式,使用了一个 ...

  3. java JDBC连接 Sqlserver 非默认的实例名问题

    一般我们在连接数据库的时候都是用的默认实例名,今天遇到了用非默认是实例名:连接代码如下(Java): <property name="url" value="jdb ...

  4. luoguP1725 琪露诺 单调队列

    DP 方程:$f[i]=max(f[j])+v[i]$ 转移范围:$i-r<=j<=i-l$ 由此我们得知,每次只有 $[i-r,i-l]$ 部分的 $f$ 值对新更新的答案会有贡献. 故 ...

  5. Day6 函数和模块的使用

    函数和模块的使用 在讲解本章节的内容之前,我们先来研究一道数学题,请说出下面的方程有多少组正整数解. $$x_1 + x_2 + x_3 + x_4 = 8$$ 事实上,上面的问题等同于将8个苹果分成 ...

  6. HDU-1134 卡特兰数+java大数模板

    题意: 给你一个n,然后1,2,3...2n-1,2n围一圈,让每个数都能用一条线配对并且线与线之间不能交叉,问有几种方法数. 思路: 1 可以和2,4,6...连接.假如   一共有8个数,1和2连 ...

  7. 构造函数和初始化表、this指针与常函数、析构函数、拷贝构造与拷贝赋值（day05）

    十四 构造函数和初始化表 ... 初始化表 )语法形式 class 类名{ 类名(形参表):成员变量1(初值),...{} }; )必须要使用初始化表的场景 -->如果有类 类型的成员变量,而该 ...

  8. [luogu1447 NOI2010] 能量采集 (容斥原理)

    传送门 Description 栋栋有一块长方形的地,他在地上种了一种能量植物,这种植物可以采集太阳光的能量.在这些植物采集能量后,栋栋再使用一个能量汇集机器把这些植物采集到的能量汇集到一起. 栋栋的 ...

  9. 洛谷11月月赛（284pts rank85）

    https://www.luogu.org/contestnew/show/12006 我是比赛完后在去写的 这是我第一次打洛谷月赛,之前一次是比赛完才去看而且写了第一题就没写后面的了 284分,太水 ...

  10. HDU - 1310 - Digital Roots

    先上题目: Digital Roots Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Othe ...