总结下载的几种常用方式

  1. 使用a标签
  • download属性:强制a标签下载行为,如果是图片资源,不添加download默认为预览,属性名为文件下载时的名字,注意谷歌和火狐的行为不一致
  • 后端提供则修改href属性为接口地址
点击查看代码
  <a href="./one.zip" download="test">下载</a>
  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"
    })
posted @ 2022-05-12 10:32  Mochenghualei  阅读(261)  评论(0)    收藏  举报