浏览器下载-js模拟a标签下载

弃疗咸鱼的笔记

于 2024-10-17 17:55:52 发布

阅读量169

点赞数 3

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/weixin_45444673/article/details/143024972

版权

这个是目前体验最好的下载方式，使用a标签直接走浏览器的下载，会有浏览器进度条。

   // 模拟a标签下载
    const a = document.createElement('a');
    let href = res.SignedUrl;

    a.download = fileName; // 跨域不生效
    a.style.display = 'none';
    a.href = href;
    document.body.appendChild(a);
    a.click();
    a.remove();
    window.URL.revokeObjectURL(href);