用a标签实现文件下载,并将a标签设计成按钮样式
一,<a>标签实现下载
<style>
a {color: #696B83;TEXT-DECORATION: none}//设置a标签的颜色,除去下划线
a:active {background: #AFC1DC}//设计a标签的点击使得颜色,看起来就有点击的质感
.DownButtonNormal{//设计该类的所有格式
height: 18px;
line-height: 18px;
padding: 0 11px;
background: rgb(120, 127, 162);
border: 1px #E5E7EA solid;
border-radius: 3px;
display: inline-block;
font-size: 12px;
outline: none;
}
</style>
<a class="DownButtonNormal" name="DownLoadHistEvent" style="color:#ffffff" download="histevent.csv" href="../../tmp/histevent.csv">Download</a>
href="../../tmp/histdata.csv" 这里的路径是web服务默认存放网页文件的位置为根路径,而不是服务器的文件系统为根路径
举例:我的web服务器存放网页文件的默认路径是/home/web
服务器默认的根路径是 : /
那么“../../tmp/histdata.csv” 就是服务器的 /tmp/histdata.csv