通过ajax下载文件

最新推荐文章于 2024-03-28 17:49:22 发布

ps酷教程

最新推荐文章于 2024-03-28 17:49:22 发布

阅读量313

点赞数 1

分类专栏：前端学习文章标签： ajax javascript 前端

本文链接：https://blog.csdn.net/qq_16992475/article/details/128830558

版权

前端学习专栏收录该内容

145 篇文章 7 订阅

订阅专栏

该代码示例展示了一个HTML页面，其中包含一个按钮，当点击按钮时，会触发一个JavaScript函数exportExcel。这个函数使用axios库发起一个GET请求来获取指定URL的PDF文件，然后将响应数据转换为blob对象，创建一个下载链接并模拟点击，从而实现文件的下载。

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

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax 文件导出</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<button type="button" onclick="exportExcel()">导出</button>

<script type="text/javascript">
    function exportExcel() {
        axios({
            method: 'GET',
            url: "http://localhost:20830/applets/course/getFile?filePath=https://ambient-oss.oss-cn-hangzhou.aliyuncs.com/ambientMonitor/2023-1-12/262801119824007168-5%E5%B9%B4%E7%BA%A7%E6%9C%9F%E6%9C%AB%E5%AE%9D%E5%85%B8-%E5%85%A8%E5%9B%BD%E8%8B%B1%E8%AF%AD.pdf",
            timeout: -1,
            responseType: 'blob'
        }).then(function (res) {
            var data = res.data;
            var blob = new Blob([data], {type: 'application/octet-stream'});
            var url = URL.createObjectURL(blob);
            var exportLink = document.createElement('a');
            exportLink.setAttribute("download","全国英语.pdf");
            exportLink.href = url;
            document.body.appendChild(exportLink);
            exportLink.click();
        })
    }
</script>
</body>
</html>