后端返回对应文件流file,前端下载
时间: 2024-01-31 17:10:16 浏览: 314
在后端返回文件流后,前端可以通过以下几种方式实现文件下载导出:
1. 使用`<a>`标签的`download`属性:可以在前端创建一个`<a>`标签,将后端返回的文件流作为链接的`href`属性值,并设置`download`属性为文件名,这样点击该链接时,浏览器会自动下载文件。
```html
<a href="后端返回的文件流URL" download="文件名">点击下载</a>
```
2. 使用`window.open()`方法:可以使用JavaScript的`window.open()`方法打开一个新的窗口,并将后端返回的文件流URL作为参数传递给该方法,浏览器会自动下载文件。
```javascript
window.open("后端返回的文件流URL");
```
3. 使用`XMLHttpRequest`对象:可以使用JavaScript的`XMLHttpRequest`对象发送GET请求,将后端返回的文件流作为响应内容,然后通过创建`Blob`对象和`URL.createObjectURL()`方法将文件流转换为可下载的URL,最后使用`<a>`标签的`download`属性进行下载。
```javascript
var xhr = new XMLHttpRequest();
xhr.open("GET", "后端返回的文件流URL", true);
xhr.responseType = "blob";
xhr.onload = function() {
if (xhr.status === 200) {
var blob = xhr.response;
var url = URL.createObjectURL(blob);
var a = document.createElement("a");
a.href = url;
a.download = "文件名";
a.click();
}
};
xhr.send();```
请注意,以上方法中的"后端返回的文件流URL"需要替换为实际的后端返回的文件流的URL,"文件名"需要替换为实际的文件名。
阅读全文