<a>标签实现文件下载

html部分

页面1:触发函数

<li onclick="downLoadFiles()">
	   <i class="i-download"></i>
	   <p>下载</p>
</li>

  

js部分

function downLoadFiles() {
window.open(c.WEB_APP_NAME+"/pages/public/main/FilesList.html");
},

页面2:弹出下载页面,只要将文件放在本项目的相对路径下即可

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.div {
position:absolute;
top:50%;
left:50%;
margin:-50px 0 0 -200px;
width:400px;
height:300px;
}
</style>
</head>
<body>
<div class="div" style="text-align:center;" >
<a style="font-size:18px;" href="./files/file1.doc" class="STYLE1" >文件1下载</a>
<br>
<a style="font-size:18px;" href="./files/files2.doc" class="STYLE1">文件2下载</a>
</div>

</body>

<script type="text/javascript">
<script>

  

猜你喜欢

转载自www.cnblogs.com/5588kjx/p/9700101.html