a 标签实现文件下载(解决打开的问题)

版权声明:本文为博主原创,无版权,未经博主允许可以随意转载,无需注明出处,随意修改或保持可作为原创! https://blog.csdn.net/z1729734271/article/details/79026037

实现: a标签实现文件下载,是使用的相对路径下载。
js代码

<a class="btn btn-success btn-sm" href="../docs/doc/"  title="下载"  
mce_href="#"><i class="fa fa-arrow-circle-down"></i></a>

这样用户在点击这个链接的时候,就会直接下载这个文件,但是这里有个问题,
像txt,jpg这些浏览器支持直接打开的文件是不会执行下载的,而是会直接打开。
这时候可以给a标签添加一个download属性,例如:

<a class="btn btn-success btn-sm" href="../docs/doc/" download=""  
title="下载"  mce_href="#"><i class="fa fa-arrow-circle-down"></i></a> 

download不给值,会使用默认的文件名。

该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。

参考:http://blog.csdn.net/fangqun663775/article/details/71159633

猜你喜欢

转载自blog.csdn.net/z1729734271/article/details/79026037