a标签实现文件下载

如果想通过纯前端技术实现文件下载,

  1. 下载的静态文件放项目路径下,
  2. A标签下载,herf指定项目路径,加上download属性。
  3. a链接默认的是在同一页面打开,如果我们需要打开新的页面,就需要添加target=’blank’来设置。
<a target=’blank’ href="../../../static/images/Promise.pdf" download="下载Promise.pdf">点击下载</a>

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

遇到问题:下载名称中文问题,浏览器兼容问题。下载文件名最好英文。

在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐