web读取前端txt并解析

用途，解析csv、txt等作为前端变量，方便进行其他操作。
假设txt里为数组。

1.html内容

        <div class="input-group mb-3">
            <!--            <span class="input-group-text">文件路径</span>-->
            <input type="file" accept=".txt" class="form-control txt">
        </div>

2.JS内容

    let service_content=[] //通过文本文件读取备份的服务信息

    // 读取txt文件信息
    $('.form-control.txt').change(function (e) {
        // 获取选中的文件
        var file = this.files[0];
        console.log(e.target.files);

        // 创建FileReader对象
        var reader = new FileReader();

        // 监听FileReader对象的load事件
        reader.onload = function (event) {
            // 获取文件内容
            var fileContent = event.target.result;
            service_content = fileContent;//传给全局变量
            // 将文件内容显示在页面上
            // console.log(fileContent)
            // $('#fileContent').text(fileContent);
        };
        // 读取文件内容
        reader.readAsText(file);
    });

3.把读取到的txt解析为数组对象。

let arr_service_all=JSON.parse(service_content)