Загрузить определенные данные CSV в HTML Textarea - PullRequest
Новая
       7

Загрузить определенные данные CSV в HTML Textarea

3 голосов
/ 28 мая 2020

Я пытаюсь попросить кого-нибудь помочь с этим.

Этот сценарий отлично работает и показывает все данные файла csv в текстовое поле, но я хочу, чтобы он загружал только первый столбец и пропускал первые 3 строки в файле csv. Можно ли изменить этот код для достижения моих целей?

Вот как он сейчас работает: 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>

1 Ответ

1 голос
/ 29 мая 2020

Вы можете изменить свою функцию 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);
};
...