后端返回文件流前端转
时间: 2023-08-16 10:11:02 浏览: 139
后端返回文件流前端转链接的过程是将文件流数据使用Blob构造函数转换为Blob对象,然后使用URL.createObjectURL()方法创建一个指向该Blob对象的URL链接。具体步骤如下:
1. 后端返回文件流数据。
2. 将文件流数据使用Blob构造函数转换为Blob对象。例如,可以使用Blob构造函数将pdf流文件数据转为Blob对象:
```
let blob = new Blob([res.data], {type: 'application/pdf'});
```
3. 使用URL.createObjectURL()方法创建一个指向该Blob对象的URL链接。这个链接可以通过浏览器访问文件流数据。例如,可以将Blob对象转换为临时链接地址:
```
const url = URL.createObjectURL(blob);
```
通过以上步骤,后端返回的文件流数据可以在前端通过创建的URL链接进行访问和使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [返回流文件前端处理方法(全)](https://blog.csdn.net/yun_shuo/article/details/126847060)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [文件输入输出流的使用,后端返回给前端文件流的形式,由前端实现文件的下载。文件的下载(网络文件,本地...](https://blog.csdn.net/zzztimes/article/details/116492445)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文