直接复制下面函数到antdesign Pro中实现文件下载

/*** 异步文件下载功能* @param url 文件url地址* @param filename 导出的文件名*/
async function download(url: string, filename: string = 'test.xlsx') {let blob = await request(url, { responseType: 'blob' }); // 设置responseType响应类型为blob,响应的直接是个blob对象let reader = new FileReader(); // 创建一个file对象reader.readAsDataURL(blob);  // 转换为base64，可以直接放入a标签的hrefreader.onload = function (e: any) {// 转换完成，创建一个a标签用于下载let a = document.createElement('a');a.download = filename;a.href = e.target.result;// 在body中插入a元素document.body.insertAdjacentElement('afterend', a);a.click();a.remove();}
}

ant design pro 实现异步下载文件相关推荐

React开发（139）:ant design学习指南之下载文件
isIE = () => {if (!!window.ActiveXObject || 'ActiveXObject' in window) {return true;} else {retur ...
Ant Design Pro初探
Ant Design Pro 浅析脚手架下载 Ant Design Pro 浅析菜单映射页面渲染界面定义数据交互后台数据交互脚手架下载软件环境:NodeJS,Git 下载步骤: 1.cl ...
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建
Ant Design Pro of Vue--蚂蚁金服中后台系统框架搭建 Ant Design Pro of Vue下载安装启动步骤: 一.Ant Design Pro of Vue 的介绍 Ant ...
Ant Design Pro V4下载运行
简介:Ant Design Pro是阿里巴巴旗下蚂蚁金服开源的中台前端/设计解决方案,官网. 一.下载安装 1.1 前序准备你的本地环境需要安装 yarn.node 和 git.我们的技术栈基于 E ...
ant design pro入门踩坑：删除页面文件报错
前提:用ant design pro新增注册页,没有显示在菜单,在项目Page文件夹删除原因:配置路由没有删总结: 手动删除页面需要删1.Page目录下的页面文件 2.src/Page/.umi/ ...
ant design pro模板_Ant Design Pro 学习笔记
学习笔记摘要介绍 Ant Design Pro 是一个基于Ant Design搭建起来的模板项目.它提供了两个主要布局:BasicLayout.UserLayout,在布局基础上制作了20多个基础页 ...
Ant Design Pro开发后台管理系统（新增页面）
通过实际demo演示一个管理后台的开发过程知识点: 1.新增router,新增models 新增菜单配置 1.如上图所示,打开/src/common/menu.js可以看到菜单列表其中 menuD ...
ant design pro 页面加载原理及过程，@connect 装饰器
一.概述以列表页中的标准列表为主 Ant Design Pro 默认通过只需浏览器单方面就可处理的 HashHistory 来完成路由.如果要切换为 BrowserHistory,那在 src/in ...
Ant Design Pro入门之部署安装
部署安装下载地址:https://github.com/ant-design/ant-design-pro 我们使用资料中提供的,已经下载好的文件:ant-design-pro-master.zip ...

ant design pro 实现异步下载文件

直接复制下面函数到antdesign Pro中实现文件下载

ant design pro 实现异步下载文件相关推荐

最新文章

热门文章