a标签实现文件下载

实现

一般文件

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

<p>
    <a href="https://www.zoutl.cn/fileDownload/nhdogjmejiglipccpnnnanhbledajbpd.zip">
        <input name="下载" type="button" value="下载" />
    </a>
</p>

特殊文件

对于 txt , jpg , pdf 等浏览器支持直接打开的文件不会被执行下载，而是会直接打开，这时候使用download属性（为空时使用文件本来的名称，不为空时使用download的值）

download属性为空（下载名为vue.js的文件）

<p>
    <a download="" href="https://www.zoutl.cn/fileDownload/vue.js">
        <input type="button" value="下载" />
    </a>
</p>

download属性不为空（下载名为vue3.js的文件）

<p>
    <a download="vue3.js" href="https://www.zoutl.cn/fileDownload/vue.js">
        <input type="button" value="下载" />
    </a>
</p>

结果