JS下载文件

最新推荐文章于 2022-08-04 09:50:57 发布

李公子lm

最新推荐文章于 2022-08-04 09:50:57 发布

阅读量313

点赞数

分类专栏：大前端文章标签： js 下载文件

本文链接：https://blog.csdn.net/u012869793/article/details/84453170

版权

大前端专栏收录该内容

20 篇文章 2 订阅

订阅专栏

1.JS如何下载文件

有时候写JS的时候回遇到下载文件的问题，平时如果是一些浏览器打不开的文件，比如一些word,excel,rar,zip,ppt等，

.doc、.xls、.rar、.zip、.ppt

用下面这个方法可以进行下载。

window.open("111.doc");

但是如果是一些图片，文本文件，

.jpg、.png、.txt

就无法使用window.open()进行下载了，我们可以使用a标签，结合a标签下的download属性进行文件下载。
如果是想要点击按钮下载的话，只需要稍稍修改一下就好，在js里生成a标签并模拟点击，请看代码。

<!DOCTYPE html>
<meta charset="UTF-8"/>
<head>
    <title></title>
    <script type="text/javascript" src="jquery-3.3.1.js"></script>
    <script>
            function Download(){
                 var download = $("#download");
                 download.append("<a id=\"down\" href=\"aaaa.txt\" target=\"_blank\" download=\"aaaa.txt\" style=\"display:none\">下载该文件</a>");
                 console.log(download);
                 $("#down")[0].click();
            }
    </script>
</head>
<body>
    <input type="button" value="点我下载文件" onclick="Download()"/>
    <div id="download">
        
    </div>
    <!-- <a href="aa/aaa/1.jpg" target="_blank" download="1.jpg">下载该文件</a> -->
</body>
</html>