HTML5 - js導出導入數據為txt/doc文件


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刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM