网站实现下载资料功能(pdf,doc,rar等)，使用FileSaver.js插件实现，实现重命名文件名，和不打开pdf等可打开文件

id_ip

于 2020-06-11 08:45:31 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

文章标签： jquery html5 前端 javascript

本文链接：https://blog.youkuaiyun.com/id_ip/article/details/106679918

本文介绍如何利用FileSaver.js插件在前端实现pdf, doc, rar等文件的下载，并讨论如何重命名文件名以及避免直接打开可打开的文件，详细步骤包括从GitHub获取插件及在页面中引入。" 115911538,9634254,二本院校考研上岸经验：南大软院专硕初试389，复试210.3,"['考研经验', '面试技巧', '学习策略', '英语学习', '数学复习']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现下载远程服务器资源的功能，使用了FileSaver.js插件，具体下载地址
https://github.com/eligrey/FileSaver.js/
在这里插入图片描述
下载完成进行页面引入即可

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../FileSaver.js"></script>

    <script>
        function download(){
            saveAs("https://static01.netclassroom.cn/upload/notice/ed4b7287-bba8-41f2-97d9-d76b2258315c.doc", "aaa.doc");
        }
    </script>
</head>
<body>
    <div onclick="download()">点击下载</div>
</body>
</html>

在这里插入图片描述