将某些 CSV 数据加载到 HTML 文本区域

Question

我想请别人帮忙解决这个问题。

此脚本工作正常，并将所有 csv 文件数据显示到文本区域中，但我希望它仅加载第一列并跳过 csv 文件中的前 3 行。是否可以修改此代码以实现我的目标？

这是目前的运作方式：https://jsfiddle.net/mhwdjzbo/

感谢任何建议..

代码如下：

<script type="text/javascript">
    $(document).ready(function(){
        $("#notification_email_id").change(function(e){
            var ext = $("input#notification_email_id").val().split(".").pop().toLowerCase();

            if($.inArray(ext, ["csv"]) == -1){
                alert('Please upload CSV file');
                return false;
            }

            if(e.target.files != undefined){
                var reader = new FileReader();
                reader.onload = function(e){
                    var csv_val=e.target.result.split("\r\n");              
                    var csv_value=""+csv_val+"".split(",");
                    var input_data="";
                    for(var i=0;i<csv_value.length;i++){
                        var temp=csv_value[i];
                        var input_data=input_data+""+temp;
                    }
                    final_input_data = input_data.slice(0, -1); 
                    $("#notification_email").val(final_input_data);
                };
                reader.readAsText(e.target.files.item(0));
            }
            return false;
        }); 
    }); 
    </script>
</head>
<body>  
    <table border="0">
        <tr>
            <td><b>How to read data From CSV file using jquery?</b></td>
        </tr>
        <tr>
            <td><textarea class="form-control" name="notification_email" id="notification_email" rows="4" placeholder="CSV file only" cols="40" readonly="readonly" required></textarea></td>
        </tr>
        <tr>
            <td><input name="notification_email_id" id="notification_email_id" type="file" class="" accept=".csv" /></td>
        </tr>
    </table>
</body>

Answer 1

您可以将 reader.onload 函数改成这样

reader.onload = function(e) {
  var csv_val = e.target.result.split("\n");
  var final_input_data = "";
  for (var i = 3; i < csv_val.length; i++) {              
    final_input_data += csv_val[i].split(' ')[0]+'\n';
  }
  $("#notification_email").val(final_input_data);
};

将某些 CSV 数据加载到 HTML 文本区域

Load Certain CSV Data Into HTML Textarea

html

javascript

csv

jquery

textarea