JS下载文件

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>

注意：如果想要下载txt、jpg等文件，必须把代码在服务器上发布一下，IIS，Apache等均可。否则还是在浏览器里直接打开的。

image.png

Study hard and make progress every day.

更多学习资料请关注"爱游戏爱编程"。

爱游戏爱编程.jpg

1.JS如何下载文件

相关推荐