i class="fa fa-arrow-circle-down">i>a>这样用户在点击这个链接的时候,就会直接下载这个文件,但是这里有个问题, 像txt,jpg_直接用a标签下载pdf文件会直接打开,怎么处理">
当前位置:   article > 正文

a 标签实现文件下载(解决打开的问题)_直接用a标签下载pdf文件会直接打开,怎么处理

直接用a标签下载pdf文件会直接打开,怎么处理

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

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

这样用户在点击这个链接的时候,就会直接下载这个文件,但是这里有个问题,
像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> 
  • 1
  • 2

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

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/63602
推荐阅读
相关标签
  

闽ICP备14008679号