Question

因此，我设法从引导程序获取文件上传器以显示文件的“路径”。

<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text" id="submitFile" onclick="upload()">Upload</span>
    </div>
    <div class="custom-file">
        <input type="file" class="custom-file-input" id="uploadFile"
               aria-describedby="inputGroupFileAddon01">
        <label class="custom-file-label" for="uploadFile">Choose file</label>
    </div>
</div>

我唯一的问题是，我对如何获取该文件并仅解析客户端值的第一列感到困惑，因此我的API调用可以读取该信息并执行数据库调用。这是我的script

<script>
function upload(){

    var csv = $("#uploadFile").val();
    console.log("CSV: " + csv);

    $.ajax({
        type: 'POST',
        url: endpoint + '/upload',
        dataType: 'json',
        data: //not sure how to load this,

        success: function(response){
            if(response === true)
                alert("Successfully")
            else
                alert("Invalid");
        }
    });
}
</script>

执行此操作的方法之一是解析CSV文件并获取条目并将其放置到数组中，但是我将剩下价值多列的值。除此之外，我不确定如何在客户端处理文件

示例CSV：

HEADER1,HEADER2,HEADER3
ONE, TWO,THREE
FOUR,FIVE,SIX
ONE,TWO,THREE

*编辑为了清楚起见，我想执行以下操作 1：使用浏览器打开选定的文件并将其解析为数组 2：将该数组另存为api调用的json格式

jQuery AJAX从上传的CSV文件中读取并将其转换为JSON

0 个答案: