window.open导出文件
时间: 2023-08-08 18:08:13 浏览: 187
window.open 方法可以用于导出文件,具体步骤如下:
1. 在后端编写导出文件的接口,并返回文件流;
2. 在前端使用 XMLHttpRequest 或 fetch 方法请求该接口;
3. 在请求返回的回调函数中,使用 window.open 方法打开一个新窗口;
4. 将文件流作为参数传递给 window.open 方法,并设置文件的 MIME 类型;
示例代码如下:
```javascript
// 后端接口返回的文件流
const fileStream = '文件流内容';
// 请求导出文件接口
fetch('/export')
.then(response => response.blob())
.then(blob => {
// 使用 window.open 方法打开新窗口并下载文件
const url = window.URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = '文件名.xlsx';
link.click();
window.URL.revokeObjectURL(url);
});
```
其中,后端接口需要根据不同的文件类型设置不同的 MIME 类型,如:
- Excel 文件:`application/vnd.openxmlformats-officedocument.spreadsheetml.sheet`
- CSV 文件:`text/csv`
- PDF 文件:`application/pdf`
阅读全文