Question

我有一个用HTML和一些JS脚本构建的简单页面（无后端）。我已将所有文件放在一个目录中，包括一个csv文件：

index.html
style.css
scripts.js
data.csv

有两个按钮。首先使用ajax加载data.csv并将数据放入表中。我希望第二个按钮在浏览器中打开一个上传窗口，然后从我的计算机中选择文件后，以与第一个按钮相同的方式加载数据。我该怎么办？

index.html

    <body>
        <input type="file" id="fileupload" style="display:none"/> 
        <button type="button" name="load_data" id="load_data" class="btn btn-info">Load Data from server</button>
        <button type="button" name="load_file" id="load_file" class="btn btn-info">Load Data from file</button>

        <div class="table">
            <table></table>
        </div>
    </body>

scripts.js

        $('#load_data').click(function() {
            $.ajax({
                url: "./data.csv",
                dataType: "text",
                success: function (data) {
                    //handle the data - put it into table
                }
            });
        });


        $('#load_file').click(function() {
            $('#fileupload').trigger('click');
            // what next?
        });

使用JS或jQuery将用户计算机中的CSV文件加载到变量中

0 个答案: