时间戳

首页 > 解决方案 > 使用 JavaScript 读取 csv 文件并显示到 html 表格中

csv - 使用 JavaScript 读取 csv 文件并显示到 html 表格中

问题描述

我是编程初学者，我真的可以利用你的帮助来理解为什么这段代码不起作用并修复它。我没有错误，根本没有任何反应。

我想使用 JavaScript 读取 csv 文件并将其内容显示在 html 表中。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>

<script type="text/javascript">
var fileInput = document.querySelector('notes.csv');
function read(callback){
    var file = fileInput.files.item(0);
    var reader = new FileReader();
    reader.onload = function (e){
        callback(reader.result);
        var table = document.createElement("table");
        var rows = e.target.result.split("\n");
        for (var i = 0; i < rows.length; i++){
            var cells = rows[i].split(",");
            if (cells.length > 1){
                var row = table.insertRow(-1);
                for (var j = 0; j < cells.length; j++){
                    var cell = row.insertCell(-1);
                    cell.innerHTML = cells[j];
                }
            }
        }
        var dvCSV = document.getElementById("dvCSV");
        dvCSV.innerHTML = "";
        dvCSV.appendChild(table);
    }
reader.readAsText(fileInput);
}
</script>

<div id="dvCSV"></div>

</body>
</html>

标签： csv

解决方案

推荐阅读