a标签实现文件下载

如果想通过纯前端技术实现文件下载，直接把a标签的href属性设置为文件路径即可，如下：

<a href="./calamus.pdf">下载</a>

但是，对于 txt , jpg , pdf 等浏览器支持直接打开的文件不会被执行下载，而是会直接打开，这时候就要用到新属性download了

download也可以为空，这样就是默认文件名

<a href="./calamus.pdf" download="filename.pdf">download</a>

download属性不止可以实现下载，其属性值还可以规定下载时的文件名，如果不填写，会自动使用默认文件名。

不过兼容性并不好，但是，虽然不兼容，但不代表完全不支持，IE 和 Safari 不会直接下载，但是会有下载提示框弹出，只是多绕了一步而已。如果不想借助后台而要实现文件下载，给a标签加download绝对是首选之策。

查看示例