保存内容到本地（下载到本地）

最新推荐文章于 2023-06-24 18:21:39 发布

默默地写代码

最新推荐文章于 2023-06-24 18:21:39 发布

阅读量1.7k

点赞数

分类专栏： JavaScript 文章标签： js javascript 本地保存文件本地下载

本文链接：https://blog.csdn.net/qq_38334525/article/details/78356933

版权

JavaScript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

这里写图片描述

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
</head>

<body>
    <a href="#">保存文件</a>
    <script src="chou1/js/jquery.js"></script>
    <script>
    function fake_click(obj) {
        var ev = document.createEvent("MouseEvents");
        ev.initMouseEvent(
            "click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null
        );
        obj.dispatchEvent(ev);
    }

    function name_space(name, data) {
        var urlObject = window.URL || window.webkitURL || window;

        var export_blob = new Blob([data]);
        // 使用命名空间
        var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
        save_link.href = urlObject.createObjectURL(export_blob);
        save_link.download = name;
        fake_click(save_link);
    }

    $('a').click(function() {
        //将内容放进 name_space（文件名，内容）
        name_space('myfile.html', 'hello world');
    });
    </script>
</body>

</html>