欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

react,antd,制作下载功能,跳转外链打开新窗口页面

程序员文章站 2022-06-03 10:20:50
...

项目内容有一个下载功能,是直接请求接口下载的。

一开始不知道做这种下载必须要开一个新窗口,折腾了一阵才模模糊糊知道ajax请求是不能直接达成下载的。

所以要用新窗口去请求接口,实际就是用接口地址作为窗口的外链地址。

 

尝试了下面两种打开方式,亲测都可以实现,视情况选择吧:

1、这种方式页面会很静止,不会出现新窗口,直接在当前窗口下载文件

window.location.href = 'http://……你的接口地址'

2、这种方式页面会闪一下,实际上应该是新开了一个窗口,又马上关掉了。

const win = window.open('http://……你的接口地址', '_blank')
win.focus()