如何将数据从textarea的文件写入到txt文件

Question

Answer 1

使用JavaScript（在客户端）无法将数据保存到文件中。你需要做的是创建一个保存信息的服务器，并从网页向它发出请求。

Answer 2

$("#btn-save").click(function() { 
 
    var text = $("#textarea").val(); 
 
    var filename = $("#input-fileName").val() 
 
    var blob = new Blob([text], {type: "text/plain;charset=utf-8"}); 
 
    saveAs(blob, filename+".txt"); 
 
});

body { 
 
    padding: 1em; 
 
    background: #EEE; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/FileSaver.js"></script> 
 

 
<form role="form"> 
 
    <h3>Saving a file with pure JS!</h3> 
 
    <p>Uses HTML5 W3C saveAs() function and the <a href="https://github.com/eligrey/FileSaver.js" target="_blank">FileSaver.js</a> polyfill for this.<br> 
 
    I didn't think this was even possible without a server but the docs say it should work in IE 10+, Sweet!</p> 
 
    <div class="form-group"> 
 
    <label for="input-fileName">File name</label> 
 
    <input type="text" class="form-control" id="input-fileName" value="textFile" placeholder="Enter file name"> 
 
    </div> 
 
    <div class="form-group"> 
 
    <label for="textarea">Text</label> 
 
    <textarea id="textarea" class="form-control" rows="10" placeholder="Enter text to save">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae iure ab voluptate sunt reiciendis, officia, aliquam temporibus. Quo laudantium quaerat ad, deleniti optio ex, dignissimos, ea accusamus placeat tempora minima!</textarea> 
 
    </div> 
 
    <button id="btn-save" type="submit" class="btn btn-primary">Save to file</button> 
 
</form>

从Saving file with pure js

的引用

如何将数据从textarea的文件写入到txt文件

回答

相关问题