Importer des données à partir .fichier csv de Tableau HTML à l'aide de JavaScript

J'ai enregistré le fichier excel sous .csv sais que je veux importer les données dans la table HTML

par exemple, les données de l' .fichier csv est comme

Name, Father's Name, Roll No., Attendance
abc,xyz,11011519-059,P
abs,ijk,11011519-007,A

Ce code fonctionne bien. Il lit les données avec succès .csv ou .fichier txt, mais mon problème est que je veux que les données en Tableau HTML. Pouvez vous s'il vous plaît fournir une solution simple, qui je puisse mettre en œuvre sur ce code.

<!DOCTYPE html>
<html>
<head>
    <title>Read File (via User Input selection)</title>
    <script type="text/javascript">
        var reader; //GLOBAL File Reader object for demo purpose only

        /**
         * Check for the various File API support.
         */
        function checkFileAPI() {
            if (window.File && window.FileReader && window.FileList && window.Blob) {
                reader = new FileReader();
                return true;
            } else {
                alert('The File APIs are not fully supported by your browser. Fallback required.');
                return false;
            }
        }

        /**
         * read text input
         */
        function readText(filePath) {
            var output = ""; //placeholder for text output
            if (filePath.files && filePath.files[0]) {
                reader.onload = function (e) {
                    output = e.target.result;
                    displayContents(output);
                };//end onload()
                reader.readAsText(filePath.files[0]);
            }//end if html5 filelist support
                        else { //this is where you could fallback to Java Applet, Flash or similar
                return false;
            }
            return true;
        }

        /**
         * display content using a basic HTML replacement
         */
        function displayContents(txt) {
            var el = document.getElementById('main');
            el.innerHTML = txt; //display output in DOM
        }
    </script>
</head>
<body>
</body>
</html>
InformationsquelleAutor Sameel | 2014-07-03
  1. 2
    function makeTable ( csv ) {

    var rows = csv.split('\n'),
    table = document.createElement('table'),
    tr = null, td = null,
    tds = null;

    for ( var i = 0; i < rows.length; i++ ) {
        tr = document.createElement('tr');
        tds = rows[i].split(',');
        for ( var j = 0; j < tds.length; j++ ) {
           td = document.createElement('td');
           td.innerHTML = tds[j];
           tr.appendChild(td);
        }
        table.appendChild(tr);
    }

    document.appendChild(table);

}
    • Il n'y a pas de sortie affiche dans le navigateur. Je pense que je suis en manque de quelque chose.
    • Pour info, cela ne peut pas fonctionner sur le plus souvent à base de fichiers CSV. Si une cellule contient des espaces, il y aura des guillemets partout. Si une cellule a une virgule dans le milieu, il se divise en deux cellules d'un tableau.
    InformationsquelleAutor Vlas Bashynskyi