利用filereader来读取创建文件_filereader reader生成文件-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_40398051/article/details/79013738

利用filereader来读取创建文件。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    body {
        background: #ddd;
    }
    </style>
</head>

<body>
    <img src="./wave.gif" alt="">
    <input tabindex="-1" id="select_range" data-input="false" class="font-small" type="file">
    <a href="javascript:void(0)" id="aa">保存</a>
    <script>
    document.getElementById('select_range').onchange = function(evt) {
        var files = evt.target.files,
            reader = new FileReader();
        reader.onload = function() {
            var range = 'xxxxxxxxxx';
            console.log(reader.result);
            //reader.result 这个需要先通过readAsText才会有值，
        };
        reader.readAsText(files[0]); //readAsText(data,'编码格式')
    };
    // 模拟下载
    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 export_raw(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);
    }


    document.getElementById('aa').onclick=function() {
                var data = '要保存的文本';
                export_raw('range.json', data);

            };
    </script>
</body>

</html>