使用 JavaScript 下载文件

使用 JavaScript 下载文件使用JavaScript下载文件

大家好,又见面了,我是你们的朋友全栈君。

1 最简单的方法

<a href="http://somehost/somefile.zip" download="filename.zip"> Download file </a>

只要为<a>标签添加 download 属性,我们点击这个链接的时候就会自动下载文件了
其中, download 属性可选(IE 不支持此属性),意思是指定下载后的文件名称
这是最简单、最方便的前端下载文件手段,如果条件允许应该作为第一个选择。

2 使用JavaScript

// 将获取的sonmefile.zip转换成 blob对象
fetch('http://somehost/somefile.zip').then(res =>             res.blob().then(blob => {
    var a = document.createElement('a');
    // 用 blob 对象来创建一个 object URL
    var url = window.URL.createObjectURL(blob);
    var filename = 'what-you-want.txt';
    a.href = url;
    a.download = filename;
    a.click();
    // 使用完object URL 之后手动撤销以释放掉内存优化性能
    window.URL.revokeObjectURL(url);
}))

对于blob 对象,支持的浏览器版本为IE10+, 并且当转换的文件较大时,可能会发生延迟。

但如果需要在下载之前做一些预处理的动作,例如检查该用户是否有下载的权限,是否有高速下载的权限、或者动态文件链接等等,这是一个很好的方法。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/139741.html原文链接:https://javaforall.net

(0)
上一篇 2022年5月29日 上午10:36
下一篇 2022年5月29日 上午10:36


相关推荐

  • Java之AES/ECB/PKCS7Padding加密方式

    Java之AES/ECB/PKCS7Padding加密方式更安全的加密。

    2025年6月13日
    7
  • MySQL字段类型对应Java字段

    MySQL字段类型对应Java字段前言 MySQLConnect J 对于 MySql 数据类型和 Java 数据类型之间的转换是很灵活的 一般来讲 任何 MySql 数据类型都可以被转换为一个 java lang String 任何 MySql 数字类型都可以被转换为任何一种 Java 数字类型 当然这样也可能出一些四舍五入 溢出 精度丢失之类的问题 Java 基础类型与包装类型 a 如果数据库

    2026年3月17日
    2
  • idea2021激活码永久 json快捷键输出【最新永久激活】

    (idea2021激活码永久 json快捷键输出)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~9071407CR5-eyJsaWNlbnNlSWQiOi…

    2022年3月22日
    77
  • 构造哈希函数

    构造哈希函数设计哈希函数 分别采用线性探测再散列法和链地址法解决冲突 1 线性探测再散列 建立一个一维数组 需要计算数组的容量 如果是对 12 个数建立哈希表 则表长通过填满因子 计算为 15 线性解决冲突的方法是通过哈希函数取得哈希地址 如果此哈希地址中元素为空 则把元素放进去 如果此哈希地址内有元素 则取一定的增量 判断加上增量的哈希地址内是否有元素 如果没有放进去 否则增量再次增加 循环直至所有元素都放进去

    2026年3月17日
    2
  • linux大量kworker_linux load average 非常高

    linux大量kworker_linux load average 非常高aarch32linux4.14最近遇到一个kworker问题,callstack如下,线程adas的陷入kernelspace后会schedule_work调用一个while(1)的worker,killadas后重新启动adas后adas线程会在调用dma_alloc_coherent的时候block住以前的经验一直kworker为轻量的线程和可睡眠的中断下半部,对kwor…

    2026年3月11日
    4
  • 💻小白必看!轻松搞定Cursor安装路径,绝绝子的教程来了!

    💻小白必看!轻松搞定Cursor安装路径,绝绝子的教程来了!

    2026年3月16日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号