Lecture dans un fichier csv en javascript?

Ici est de savoir comment utiliser le readAsBinaryString() de la FileReader API pour charger un fichier local.

<p>Select local CSV File:</p>
<input id="csv" type="file">

<output id="out">
    file contents will appear here
</output>

Fondamentalement, suffit d'écouter événement de changement dans <input type="file"> et appelez la fonction readFile.

var fileInput = document.getElementById("csv"),

    readFile = function () {
        var reader = new FileReader();
        reader.onload = function () {
            document.getElementById('out').innerHTML = reader.result;
        };
        //start reading the file. When it is done, calls the onload event defined above.
        reader.readAsBinaryString(fileInput.files[0]);
    };

fileInput.addEventListener('change', readFile);

jsFiddle

OriginalL'auteur Jose Rui Santos

Il y a autant de façons d'accomplir ce que vous voulez comme vous pouvez l'imaginer.

Si je faisais ça, j'ai peut-être commencer par le fractionnement de la saisie de texte en lignes comme suit:

var lines = inputText.split('\n');

Ensuite, je voudrais extraire les noms des en-têtes de la première ligne.
Vous avez besoin d'une fonction pour lire les valeurs de chaque ligne.

//This assumes no commas in the values names.
function getCsvValuesFromLine(line) {
    var values = lines[0].split(',');
    value = values.map(function(value){
        return value.replace(/\"/g, '');
    });
    return values;
}

var headers = getCsvValuesFromLine(lines[0]);

Prochaine, je serais en boucle sur les lignes restantes et créer un tableau d'objets représentant les valeurs dans les lignes.

lines.shift(); //remove header line from array
var people = lines.map(function(line) {
    var person = {},
        lineValues = getCsvValuesFromLine(line);
    for(var i = 0; i < lines.length; i += 1) {
        person[headers[i]] = lineValues[i];
    }
    return person;
});

Si tout cela fonctionne, vous devez vous retrouver avec un tableau d'objets représentant les valeurs de chaque ligne dans un fichier CSV.

---

Ci-dessus est une ébauche de ce que le code pourrait ressembler. Je ne l'ai pas testé et ce n'est certainement pas prêt pour la production, mais j'espère que ça vous donne une idée de la façon de faire ce que vous voulez.

J'ai utilisé plusieurs fonctions Javascript. Je suggère à la recherche sur MDN si vous n'êtes pas familier avec eux; ils sont bon à savoir.

Enfin, il y a une bizarrerie étrange en Javascript avec son automatique semi-colon d'insertion (une mauvaise fonction de la langue, de l'OMI). Afin d'éviter les problèmes, ne pas mettre une nouvelle ligne avant une accolade ouvrante.

Toujours écrire

XXXX {
    ....
}

et ne pas écrire

XXXX
{
    ....
}

OriginalL'auteur Daniel Allen Langdon