js 与 txt 文件js新建txt文件，并下载response是Content-Type:text/plain接口返回

js 新建 txt 文件，并下载

response 是Content-Type:text/plain接口返回的内容

const element = document.createElement('a')
element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(response))
element.setAttribute('download', 'dowm.txt')
element.style.display = 'none'
element.click()element.remove();

js 读取txt 文件内容

第一种

  function load(name) {        let xhr = new XMLHttpRequest(),            okStatus = document.location.protocol === "file:" ? 0 : 200;        xhr.open('GET', name, false);        xhr.overrideMimeType("text/html;charset=utf-8");//默认为utf-8        xhr.send(null);        return xhr.status === okStatus ? xhr.responseText : null;    }    let text = load("./source.txt");    console.log(text);  //输出到浏览器控制器中//document.write(text);  //打印在网页中//document.write("<pre>"+text+"<pre/>");  //解决txt的换行无法打印到网页上的问题

原文链接

第二种

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <input type='file' accept='text/plain' onchange='openFile(event)'><br>
        <div id="output"></div>
    </body>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript">
        var openFile = function(event) {
            var input = event.target;
            var reader = new FileReader();
            reader.onload = function() {
                if(reader.result) {
                    //显示文件内容
                    $("#output").html(reader.result);
                }
            };
            reader.readAsText(input.files[0]);
        };
    </script>

</html>

原文链接