前端下载并生成文件

biaoblog.cn 个人博客

发布于 2022-08-11 19:37:25

34800

代码可运行

文章被收录于专栏：web技术开发分享web技术开发分享

运行总次数：0

代码可运行

需求：我们想要把一个缓存的数据塞到一个文件中，然后下载下来，

问题就是这个文件是不存在的，需要前端来主动创建，并下载：

废话不多说直接上代码

    const element = document.createElement('a')
    let works_localStorage = '123'
    element.setAttribute('href', 'data:application/text;charset=utf-8,' + encodeURIComponent(works_localStorage))
    element.setAttribute('download', 'works.text')
    element.style.display = 'none'
    element.click()
        element.remove()

然后就可以了..

参考地址：https://blog.csdn.net/github_35631540/article/details/109532779

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

缓存