通过<a>标签下载文件，不打开新的窗口

风骚走位

于 2019-06-14 09:58:24 发布

阅读量9.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： HTML 文章标签：文件下载

本文链接：https://blog.youkuaiyun.com/u010622242/article/details/91950638

HTML 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了HTML中download属性的使用方法，包括如何指定下载文件名，以及如何通过动态方式触发文件下载，适用于前端开发者了解和掌握文件下载功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先上代码

<a href='/UploadFiles/Photos/SP\XS1811803\c2ea42a22327409eb6e3bf44841a8696.jpg' download='我的图片.jpg'>下载</a>

<a href='/UploadFiles/Photos/SP\XS1811803\c2ea42a22327409eb6e3bf44841a8696.jpg' download>下载</a>

主要是通过download属性来实现的，download用来指定这个链接不打开新的页面，而是以下载的形式进行。

如果download指定了值，那么下载的文件就会重命名为指定的值；

如果download没有指定值，那么下载的文件名为href中的文件名。

动态方式：

$("#a_zip").attr('href', zipPath);//更改a标签的href
document.getElementById("a_zip").click();//触发href

注意，必须试用原生的dom获取元素，jqery的话不会触发href，只会触发click。