利用h5Blob将页面内容保存为本地文件

最新推荐文章于 2025-05-28 16:37:43 发布

愚舜

最新推荐文章于 2025-05-28 16:37:43 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： Blob

本文链接：https://blog.youkuaiyun.com/first_shun/article/details/90680042

javascript 专栏收录该内容

47 篇文章

订阅专栏

博客介绍了HTML相关知识点，a的download属性可规定超链接目标的下载文件名，a标签作为下载链接时需有href属性，还提到了H5中的Blob()对象，它能为二进制数据处理的JS api提供重要数据交换机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

知识点：

<1>.a的download 属性规定被下载的超链接目标，download属性可以设置一个值来规定下载文件的名称，(.img, .pdf, .txt, .html, 等等)。

<2>.a标签可以作为下载链接，做为超链接下载的目标时必须要有href属性。

<3>.h5中的Blob()对象，Blob本身没有什么，但是可以用于二进制数据的大理JS api提供重要的数据交换机制。

function saveContent (content, fileName) {
                let aTag = document.createElement('a');
                aTag.setAttribute('download',fileName);
                let blob = new Blob([content],{type:""});
                aTag.setAttribute('href',URL.createObjectURL(blob));
                document.body.appendChild(aTag);
                aTag.click();
                document.body.removeChild(aTag);
            }
            let json={
                name: "tutu",
                age: "18",
                sex: "man",
            };
            saveContent(JSON.stringify(json),"test.pipeline");