Vue下载文件后端返回流

最新推荐文章于 2024-07-16 11:14:21 发布

42577176

最新推荐文章于 2024-07-16 11:14:21 发布

阅读量210

点赞数

本文链接：https://blog.csdn.net/qq_42577176/article/details/116531103

版权

本文介绍如何在Vue应用中处理后端返回的文件流，实现动态文件下载功能。首先，后端通过HTTP响应头设置Content-Disposition来指定文件名。然后，前端接收到流后，创建一个隐藏的a标签，设置其href为文件流URL并触发点击事件，从而启动下载。此外，还讨论了Blob对象和FileReader API在处理文件流中的作用。

摘要由CSDN通过智能技术生成

<!--
 * @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