前端怎样下载pdf文件流
时间: 2023-09-04 16:07:50 浏览: 51
在前端下载PDF文件流的方法有多种,以下是其中一种较为常见的方法:
1. 使用 XMLHttpRequest 对象获取 PDF 文件流:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/example.pdf', true);
xhr.responseType = 'arraybuffer';
xhr.onload = function() {
if (this.status === 200) {
var blob = new Blob([this.response], {type: 'application/pdf'});
var url = URL.createObjectURL(blob);
// 在此处可以使用 url 进行后续处理,比如渲染 PDF 或下载 PDF 文件
}
};
xhr.send();
```
2. 使用 fetch API 获取 PDF 文件流:
```javascript
fetch('https://example.com/example.pdf')
.then(response => response.arrayBuffer())
.then(arrayBuffer => {
var blob = new Blob([arrayBuffer], {type: 'application/pdf'});
var url = URL.createObjectURL(blob);
// 在此处可以使用 url 进行后续处理,比如渲染 PDF 或下载 PDF 文件
});
```
在获取到 PDF 文件流后,可以使用以下方法进行下载:
```javascript
var link = document.createElement('a');
link.href = url;
link.download = 'example.pdf';
link.click();
```
其中 `url` 为 PDF 文件流的 URL,`download` 属性指定了下载文件的文件名。