WME/main.js

60 lines
1.6 KiB
JavaScript
Raw Normal View History

// Source: https://blog.mounirmesselmeni.de/2012/11/20/reading-csv-file-with-javascript-and-html5-file-api/
// Source: https://www.js-tutorials.com/javascript-tutorial/reading-csv-file-using-javascript-html5/
2018-10-22 08:17:57 +00:00
// Source: https://stackoverflow.com/questions/13329853/reading-server-file-with-javascript
2018-10-22 08:17:57 +00:00
function handleFile() {
// Check for the various File API support.
if (window.FileReader) {
// FileReader are supported.
2018-10-22 08:17:57 +00:00
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if (xmlhttp.status == 200 && xmlhttp.readyState == 4) {
processData(xmlhttp.responseText);
}
};
xmlhttp.open("GET", "world_data_v1.csv", true);
xmlhttp.send();
} else {
alert('FileReader are not supported in this browser.');
}
}
function processData(csv) {
var table = "<table style='width:100%'>";
// split rows
var allTextLines = csv.split(/\r\n|\n/);
// create table header
table += "<tr>";
var data = allTextLines[0].split(",");
for (var j = 0; j < data.length; j++) {
table += "<th>";
table += data[j];
table += "</th>";
}
table += "</tr>";
// create table content
for (var i = 1; i < allTextLines.length; i++) {
var data = allTextLines[i].split(',');
table += "<tr>";
for (var j = 0; j < data.length; j++) {
table += "<td>";
table += data[j];
table += "</td>";
}
table += "</tr>";
}
table += "</table>";
2018-10-21 16:03:11 +00:00
document.getElementById('t01').innerHTML = table;
}