<!--
* @Author: your name
* @Date: 2021-04-20 14:09:05
* @LastEditTime: 2021-05-08 15:55:21
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit!
* @FilePath: \Vue3demo\index2.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<div class="er">
下载
</div>
<script>
; (($) =&g
Vue下载文件后端返回流
最新推荐文章于 2024-05-23 16:37:52 发布
本文介绍如何在Vue应用中处理后端返回的文件流,实现动态文件下载功能。首先,后端通过HTTP响应头设置Content-Disposition来指定文件名。然后,前端接收到流后,创建一个隐藏的a标签,设置其href为文件流URL并触发点击事件,从而启动下载。此外,还讨论了Blob对象和FileReader API在处理文件流中的作用。
摘要由CSDN通过智能技术生成