总结下载的几种常用方式


  1. 使用a标签
  • download属性:强制a标签下载行为,如果是图片资源,不添加download默认为预览,属性名为文件下载时的名字,注意谷歌和火狐的行为不一致
  • 后端提供则修改href属性为接口地址
点击查看代码
  下载
  1. 使用js
  • 绑定点击事件,动态处理a标签
点击查看代码
    document.getElementById("demo").addEventListener("click", () => {
      let a = document.createElement("a");
      a.href = "./one.zip"
      a.click()
      a.remove()
    })
  • 指定location的href地址
点击查看代码
    document.getElementById("demo").addEventListener("click", () => {
      location.href = "./one.zip"
    })