前端实现下载功能

其实前端实现下载的功能很简单，不管是下载pdf还是下载excel，常见的就是请求后端接口，然后直接打印即可。

1、使用window.open()方法

window.open()方法直接打开新页面，如果是下载的话，就会直接下载。

window.open(USER_EXPORT + "?" + obj);

obj是相关册数，USER_EXPORT是后端给的接口。但是这个方法，在火狐浏览器上是打开一个新页面，然后下载，下载完，留着一个空白的页面。体验不是很好。所以采用下个方法

2、使用form表单方法

let form = document.createElement('form');
form.name = 'form';
document.body.appendChild(form);
form.action = USER_EXPORT + "?" +obj;
form.submit();
document.body.removeChild(form);

这个方法其实原理就是动态在页面上添加一个form，然后使用form.action请求接口提交打印。这种方法就是本页面下载，不用打开新页面即可下载。