最近在前端项目中遇到了需要点击a进行下载的场景,具体代码如下
<a href='/downloads/xxx.xls' download>下载</a>
其中a标签中有一个download属性,引用一下w3c的定义
定义和用法 download 属性规定被下载的超链接目标。
在 a 标签中必须设置 href 属性。
该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf,
.txt, .html, 等等)。
大概意思就是加了download属性以后就不是跳转了,变成点击下载了。
遇到的问题是一开始在同级目录下创建downloads文件夹并且加入文件,通过./downloads/xxx.xls的形式访问不到,在父级目录下创建文件夹也访问不到。于是就去看了官方文档,在Ant Design Pro官方的常见问题下面有一条为
如何使用图片等静态资源? 可以直接使用绝对路径(需要图床支持),若需直接使用本地文件,可按以下方式引入。