在Antd-Pro下实现文件下载

mj 发布于2019-08-23 15:31 / 3398人阅读

摘要：后端采用二进制流返回文件而不是常见的返回网络在环境下发送请求时需要配置为获取到数据之后在对应中用异步实现下载此写法兼容可火狐浏览器

后端采用二进制流返回文件而不是常见的返回网络URL

在antd-pro环境下

发送ajax请求时需要配置为

      config = {
        headers : {
          token : tokenHandler.getSessionByKey("token"),
        },
        responseType : "blob",
      };

获取到数据之后,在对应modal中用异步实现下载

 * saveFile({ payload: {blob, fileName}}, { call }) {
      if (window.navigator.msSaveOrOpenBlob) {
        navigator.msSaveBlob(blob, fileName);
      } else {
        var link = document.createElement("a");
        link.href = window.URL.createObjectURL(blob);
        link.download = fileName;
        //此写法兼容可火狐浏览器
        document.body.appendChild(link);
        var evt = document.createEvent("MouseEvents");
        evt.initEvent("click", false, false);
        link.dispatchEvent(evt);
        document.body.removeChild(link);
      }
    },

云服务器 GPU云服务器嵌入式在linux下实现webrtc html实现文件下澡 asp下实现 linux下arp攻击的实现

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102181.html

DevOps 基于Walle的小型持续集成实战（二）设计

摘要：以便对整个持续集成印象加深。配置完各环境发布脚本后，则可以使用构建发起进行触发环境准备。并会在远程环境上存放多次发布的版本，用于回退和切换服务停用。进行等操作，停止原本运行的服务切换启用。该文章用于建立一个小型的基于Walle的持续集成工具。解决java,react,angular项目的编译发布。以便对整个持续集成印象加深。官方网站：https://walle-web.io/ 适用...

zr_hebo 2019-06-28 17:22 评论0 收藏0
前端小知识10点（2019.5.18）

摘要：当给数组的赋负数或小数时，数组的长度有无变化由此可见，的属性只计算非负整数下标不计算负数小数项目热更新慢并且是在时卡住怎么办本人实际上是文件里多写了个逗号。。。。 showImg(https://segmentfault.com/img/remote/1460000019223033); 1、当给数组的index赋负数或小数时，数组的长度有无变化？ let arr=[] arr...

neuSnail 2019-08-26 13:50 评论0 收藏0
HTML5+原生JS实现服务器端目录树中多文件下载

摘要：由于本例实现的将一个目录树下所有文件都平行下载到本地的同一个文件夹下。 HTML5+原生JS实现服务器端目录树中多文件下载作者：云荒杯倾作者博客需求需求是这样的，服务器上有一个目录，目录下面可能既有文件又有其他目录，其他目录下面也一样，既可能有文件也有目录；浏览器要显示有这个目录，并提供这个目录下所有文件的一键下载功能。实现原理实现这个需求，本程序考虑到的知识点有html5 ...

tuantuan 2019-08-01 17:41 评论0 收藏0
HTML5+原生JS实现服务器端目录树中多文件下载

摘要：由于本例实现的将一个目录树下所有文件都平行下载到本地的同一个文件夹下。 HTML5+原生JS实现服务器端目录树中多文件下载作者：云荒杯倾作者博客需求需求是这样的，服务器上有一个目录，目录下面可能既有文件又有其他目录，其他目录下面也一样，既可能有文件也有目录；浏览器要显示有这个目录，并提供这个目录下所有文件的一键下载功能。实现原理实现这个需求，本程序考虑到的知识点有html5 ...

李增田 2019-08-21 16:48 评论0 收藏0