文件下载（导出）文件（文件流或者普通格式）

一时失言乱红尘 2022-11-29 13:11 184阅读 0赞

### 1、文件流格式：  ###

exportPreSumData(this.params)
            .then(res => {
              const blob = new Blob([res]);
              const fileName = '累积降水量统计.xls';
              const elink = document.createElement('a');
              elink.download = fileName;
              elink.style.display = 'none';
              elink.href = URL.createObjectURL(blob);
              document.body.appendChild(elink);
              elink.click();
              URL.revokeObjectURL(elink.href); // 释放URL 对象
              document.body.removeChild(elink);
             
            })
            .catch(res => {
            
            });

export function exportPreSumData(data) {
      return request({
        url: '/support/GzGrid/exportPreSumData',
        method: 'post',
        data,
        responseType: 'blob'
      });
    }

### 2、普通格式（直接导出） ###

方法一：

let link = document.createElement('a');
            link.style.display = 'none';
            link.href = url;
            link.target = '_blank';
            document.body.appendChild(link);
            link.click();

方法二：

window.open(url, '_blank')

方法三：

<a href="url" download></a>

发表评论取消回复

表情：

评论列表（有 0 条评论，184人围观）

还没有评论，来说两句吧...

相关阅读

相关 js导出二进制文件流

map = { searchType: searchType,

以你之姓@/ 2023年10月10日 20:32/ 0 赞/ 69 阅读

相关请求返回文件流格式，实现下载文件功能，前端代码

let _this = this var xhr = new XMLHttpRequest(); let link = proc

小灰灰/ 2023年02月27日 05:29/ 0 赞/ 47 阅读

相关前端下载文件(blob流文件下载及修改下载文件名称)

项目中经常遇到文件下载需求，有时候后台返回的是一个blob流文件（就是看起来像是乱码的数据），这时就需要前端对文件进行处理，或展示，或下载。故这里简单实现一下blob流文件下载

一时失言乱红尘/ 2022年12月27日 14:03/ 0 赞/ 354 阅读

相关 angular WEB 文件导出，文件下载

1、window.open()打开新页面下载文件 window.open(`url`, '_self') 优点：最简洁；缺点：当参数错误时，或其它原因导致接

喜欢ヅ旅行/ 2022年12月10日 15:54/ 0 赞/ 182 阅读

相关 Vue 前端导出、下载zip/excel文件流blob

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5aSp5aW95YOP5b6I5Ya35LqG

末蓝、/ 2022年12月07日 01:24/ 0 赞/ 384 阅读

相关文件下载（导出）文件（文件流或者普通格式）

1、文件流格式： exportPreSumData(this.params) .then(res => {

一时失言乱红尘/ 2022年11月29日 13:11/ 0 赞/ 185 阅读

相关 java导出json格式文件

生成json文件代码： import java.io.File; import java.io.FileWriter; import java.io.Write

妖狐艹你老母/ 2022年05月17日 03:19/ 0 赞/ 350 阅读

相关 SpringMVC实现文件下载功能（文件导出功能）

1.页面代码 <a class="layui-btn" href="${pageContext.request.contextPath}/bAndWListManag

梦里梦外;/ 2022年05月09日 03:48/ 0 赞/ 357 阅读

相关 fetch下载文件--统一拦截导出文件

做外卖报表导出功能，前端使用fetch请求，后端在正常情况向会返回csv文件，在异常时会返回对应的异常码；前端的请求都是使用request.js做了统一拦截和错误提示，但是不支

痛定思痛。/ 2022年04月18日 05:09/ 0 赞/ 458 阅读

相关前端vue如何下载或者导出word文件和excel文件

前端用vue怎么接收并导出文件 > 1. window.location.href = "excel地址" > 1. 如果是 get 请求，那直接换成 window

雨点打透心脏的1/2处/ 2021年09月30日 09:44/ 0 赞/ 1263 阅读