HTML5 - js导出导入数据为txt/doc文件

本文转载自查看原文 2020-07-07 11:09 813

1、js导出为txt/doc格式文件

<body>
    文件名称：
    <input id="fileName">
    <br>
    文本内容：
    <textarea id="textContent" cols="30" rows="10"></textarea>
    <br>
    <button type="button" onclick='SaveTxt()'>保存</button>
</body>

<script type="text/javascript">
    function SaveTxt() {
        var FileName = document.getElementById('fileName').value + '.txt'; // 文件名称 - 文件名称后添加“.txt”或“.doc”可以保存为对应格式
        var Content = document.getElementById('textContent').value; // 文本内容

        var element = document.createElement('a');
        element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(Content));
        element.setAttribute('download', FileName);
        element.style.display = 'none';
        document.body.appendChild(element);
        element.click();
        document.body.removeChild(element);
    }
</script>

js导入数据

<body>
    <button type="button" onclick='ImportScheme()'>导入方案</button>
</body>

<script type="text/javascript">
    function ImportScheme() {
        var file = $('<input type="file" />');
        // 选择好文件后，获取选择的内容
        file.change(function (e) {
            openFile(e);
        })
        file.click();
    }

    function openFile(e) {
        var input = e.target;
        var reader = new FileReader();
        reader.onload = function () {
            if (reader.result) {
                console.log(reader.result);
            }
        };
        reader.readAsText(input.files[0]);
    }
</script>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js 数据导出为txt文件 js导出数据为txt文件导入txt和导出txt文件【Java】导入导出TXT文件 Oracle sqlldr导入导出txt数据文件详解 Oracle sqlldr导入导出txt数据文件详解 js文件导出为txt文件 MySQL导入导出SQL文件（txt文件）用DataGridView导入TXT文件，并导出为XLS文件 html5中 table数据导出到excel文件