一般下载文件，常见使用的是window.open('url')；方法进行下载。若需要带参数，直接在url后面拼接参数，进行传递。window.open方法仅可以进行get方法进行参数提交。例如：

 // get方法下载文件

 import { getToken } from '@/utils/auth'

 function loadFileGet(url) {

   window.open(url+'?token='+getToken())

 }

若需要进行post方法提交，则有点麻烦，经过网上的方法进行参数，最后自己整理出能用的方法：

方法一：

 handleExport(){

   const url='/api/admin/gateLog/export';

   const downloadHelper = $('<iframe style="display:none;" id="downloadHelper"></iframe>').appendTo('body')[0];

   const doc = downloadHelper.contentWindow.document;

   if (doc) {

     doc.open();

     doc.write('');//微软为doc.clear()有时会出bug

     doc.writeln("<html><body><form id='downloadForm' name='downloadForm' method='post' action='"+ url+"'>");

     const queryParam = this.listQuery;

     for(let key in queryParam){

     doc.writeln("<input type='hidden' name='"+key+"' value='"+queryParam[key]+"'>");

     }

     doc.writeln('<\/form><\/body><\/html>');

     doc.close();

     const form = doc.forms[0];

     if (form) {

       form.submit();

     }

   }

 }
其中， const queryParam = this.listQuery，中listQuery中获取的数据是一个obj对象，
即 const queryParam={page: 1,limit: 20,menu_EQ_S: undefined,crtName_EQ_S: undefined,crtHost_EQ_S: undefined}
方法二：
 // form-data方式提交数据进行下载

 // $tg表示整个当前页面的this.

 function uploadFileFormData($tg,rspUrl) {

   MessageBox.confirm('是否对当前搜索条件下的数据进行导出操作?', '提示', {

     confirmButtonText: '确定',

     cancelButtonText: '取消',

     confirmButtonClass: 'importantCls roundDialog',

     cancelButtonClass: 'roundDialog',

     type: 'warning'

   }).then(() => {

     const params = Object.keys($tg.listQuery).map(key => {

       if($tg.listQuery[key] && key != 'page' && key != 'limit') {

         return encodeURIComponent(key) + "=" + encodeURIComponent($tg.listQuery[key]);

       }

     }).join("&");

     const url = rspUrl+'?token=' + getToken() + "&" + params;

     const $form = $("<form id='exportData' class='hidden' method='POST' action='" + url + "'></form>");

     $("body").append($form);

     $form.submit();

   })

 }
 

页面下载文件方法，post与get的更多相关文章

  1. .NET两种常见上传下载文件方法

    1.FTP模式 代码如下: (1)浏览 /// <summary> /// 浏览文件 /// </summary> /// <param name="tbCon ...

  2. 前端通过url下载文件方法

    前端通过url下载文件方法 产生背景 浏览器通过url下载文件,当浏览器识别出资深能播放的资源文件,就不会走下载流程,会直接打开 解决方法 1.让后台转成请求的方式,输出文件流(如果想实现批量下载-因 ...

  3. js页面(页面上无服务端控件，且页面不刷新)实现请求一般处理程序下载文件方法

    对于js页面来说,未使用服务端控件,点击下载按钮时不会触发服务端事件,且不会提交数据到服务端页面后台进行数据处理,所以要下载文件比较困难.且使用jQ的post来请求一般处理程序也不能实现文件的下载,根 ...

  4. net下载文件方法汇总

    //TransmitFile实现下载 protected void Button1_Click1(object sender, EventArgs e) { /* 微软为Response对象提供了一个 ...

  5. 前端通用下载文件方法（兼容IE）

    之前在网上看到一个博主写的前端通用的下载文件的方法,个人觉得很实用,所以mark一下,方便以后查阅 源文地址(源文还有上传/下载excel文件方法) 因为项目要求要兼容IE浏览器,所以完善了一下之前博 ...

  6. .net下载文件方法

    1.以文件流下载 byte[] fileStr=new byte[5]; MemoryStream btMs = new MemoryStream(fileStr); //以字符流的形式下载文件 by ...

  7. ASP.NET 后台下载文件方法

    void DownLoadFile(string fileName) { string filePath = Server.MapPath(fileName);//路径 //以字符流的形式下载文件 F ...

  8. asp.net mvc5 下载文件方法

    控制器自带的 FileContentResult 可以让我们很方便的返回文件到服务端,减少了很多步骤.用于下载文件的时候,像视频.文本.图片这种浏览器支持的文件,默认就会被浏览器打开.这时候想让它变成 ...

  9. Java下载文件方法

    public static void download(String path, HttpServletResponse response) { try { // path是指欲下载的文件的路径. F ...

随机推荐

  1. indy10中idtcpclient的使用问题[和大华电子称数据交换]

    在实际事务应用中,多次打开server进行大写.其中遇到一些问题,由于时间关系,没有好好整理,虽然问题解决了, 但原因和其他方法没有去进一步测试. 1.每个单元用本地TidTCPClient变量连接s ...

  2. asp.net-EF事物与存储过程

    FK_Equipment_EquipmentClass 这个是sql中的命名规范,外键名称在前面,主键名称在后面 EF事务的代码 DbTransaction tran = null; try { ne ...

  3. 最全Pycharm教程（38）——Pycharm版本号控制之远程共享

    1.主题 介绍怎样通过GitHub共享你的本地Git版本号库 2.准备工作 (1)Pycharm版本号为2.7或者更高 (2)Git以及GitHub可用 (3)有GitHub storage的读写权限 ...

  4. android setCookie 免登录

    CookieSyncManager.createInstance(getActivity()); CookieManager cookieManager = CookieManager.getInst ...

  5. Hadoop之文件系统Shell

    概述: 文件系统(FS)Shell包括各种类-Shell的命令.直接和Hadoop分布式文件系统(HDFS)交互,也支持对其它文件系统的支持.比如:本地文件系统FS,HFTP FS,S3 FS,和其它 ...

  6. EasyUI----动态拼接EasyUI控件

    近期在做的项目中.依据查询到的数据,然后动态的拼接easyUI的控件显示到界面上. 在数据库中,有一个命令的表,另一个參数的表,先到命令的表中去查询这一个设备有哪些命令,比方说.摄像头有一个转动的命令 ...

  7. LeetCode题解 || Longest Substring Without Repeating Characters (O(n)算法)问题

    problem: Given a string, find the length of the longest substring without repeating characters. For ...

  8. Android监听程序自身被卸载

    概述: 假设不是一些特殊的情况,我想大家非常少会接触到这个需求.事实上Android的Java部分没有提供对应的接口.这里须要去调用C的代码,也就是说要写JNI了.关于JNI的初识.大家能够去參考我博 ...

  9. 造个简单的轮子倒是不难，但可用性健壮性高到qt这样全世界都在用，就几乎不可能了

    造个简单的轮子倒是不难,但可用性健壮性高到qt这样全世界都在用,就几乎不可能了比如自己写个事件循环实现信号槽,还真不难,我这边的架构里就这么搞了个仿osgi的事件总线嵌入式实时操作系统上能用的大型gu ...

  10. java 用JNA调用dll 参考文档

    1  Java调用C语言动态库(JNA方式):回调函数.结构体数组传参.结构体数组返回 2jna结构体数组  JNA结构体数组 3JNA调用C语言动态链接库学习实践总结 4 Java 通过 JNA 调 ...