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
网友评论