[js] Datein von URL laden und als Array bearbeiten

Code:

<head> </head>

<body>

  <form id="myForm">

    <input type="file" id="csvFile" accept=".csv" />

    <br />

    <input type="submit" value="Submit" />

  </form>

  <script>

    const myForm = document.getElementById("myForm");

    const csvFile = document.getElementById("csvFile");



function stringToArray(csvDatei) {

    var allTextLines = csvDatei.split(/\r\n|\n/);

    var headers = allTextLines[0].split(';');

    var lines = [];



    for (var i=1; i<allTextLines.length; i++) {

        var data = allTextLines[i].split(';');

        if (data.length == headers.length) {



            var tarr = [];

            for (var j=0; j<headers.length; j++) {

                tarr.push(data[j]);

            }

            lines.push(tarr);

        }

    }

    return(lines);

}



function getIndexOf(a,v) {

  var l = a.length;

  for (var k=0;k<l;k++) {

    if (a[k][0]==v) {

        return k;

      }

  }                      

  return false;

}



function downloadFile(urlData) {

    var aLink = document.createElement("a");

    aLink.href = urlData;

    document.body.appendChild(aLink);

    aLink.click();

    window.URL.revokeObjectURL(urlData);

    aLink.remove();

}



    myForm.addEventListener("submit", function (e) {

      e.preventDefault();

      const input = csvFile.files[0];

      const reader = new FileReader();

      reader.onload = function (e) {

        const text = e.target.result;

        //const text2 = downloadFile('URL');

        const data = stringToArray(text);

    

        var index;

        index = getIndexOf(data,"101400");

        document.writeln(index+"<br>");        

        document.writeln(data[index][0]);

        document.writeln(data[index][1]);

        document.writeln(data[index][2]);

      };

      

      reader.readAsText(input);

    });

  </script>

</body>

PHP-Code:

<?php



 $file="http://konfinox.de/media/mappe1.csv";

$csv= file_get_contents($file);

file_put_contents('test.csv',$csv);

$array = array_map("str_getcsv", explode("\n", $csv));

$json = json_encode($array);

print_r($json);

?>

Code:

<body>

 </body>

  <script>

    const myForm = document.getElementById("myForm");

    const csvFile = document.getElementById("csvFile");



function stringToArray(csvDatei) {

    var allTextLines = csvDatei.split(/\r\n|\n/);

    var headers = allTextLines[0].split(';');

    var lines = [];



    for (var i=1; i<allTextLines.length; i++) {

        var data = allTextLines[i].split(';');

        if (data.length == headers.length) {



            var tarr = [];

            for (var j=0; j<headers.length; j++) {

                tarr.push(data[j]);

            }

            lines.push(tarr);

        }

    }

    return(lines);

}



function getIndexOf(a,v) {

  var l = a.length;

  for (var k=0;k<l;k++) {

    if (a[k][0]==v) {

        return k;

      }

  }                     

  return false;

}



const text = `<?php echo file_get_contents('http://konfinox.de/media/mappe1.csv'); ?>`;

const data = stringToArray(text);

console.log(data);

var index;

index = getIndexOf(data,"101400");

document.writeln(index+"<br>");        

document.writeln(data[index][0]);

document.writeln(data[index][1]);

document.writeln(data[index][2]);

</script>