总结下载的几种常用方式

  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 @   Mochenghualei  阅读(202)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示