html使用a标签不通过后台实现直接下载

 阅读约 1 分钟

在做项目的时候经常会碰到上传下载,通常在上传完文件以后会把文件在项目中的相对路径存到数据库以便下载,如果想直接下载文件,不通过后台action,则可以直接把文件路径给a标签的href属性,例如:

<a href="/uploadfolder/xxxx.txt">点击下载</a>

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

<a href="/uploadfolder/xxxx.txt" download="文件名.txt">点击下载</a>

download也可以不给值,这样就会使用默认的文件名。

PS:IE貌似不支持这种写法,所以只能通过后台代码。

阅读 31.7k更新于 2018-06-05
推荐阅读
Martin的专栏
用户专栏

工作经验小结

15 人关注
24 篇文章
专栏主页
目录