在一个文件中创建一个简单的json数组,并尝试使用file upload上载并在表视图中显示json 这是我使用HTML和JAVASCRIPT的代码
如何在表中绑定上传的json数据 演示在一个文件中创建一个简单的json数组,并尝试使用file upload上载并在表视图中显示json 这是我使用HTML和JAVASCRIPT的代码,javascript,Javascript,如何在表中绑定上传的json数据 演示 函数演示(){ var upload=document.getElementById('fileInput'); var cols=[]; 对于(变量i=0;i
函数演示(){
var upload=document.getElementById('fileInput');
var cols=[];
对于(变量i=0;i
请格式化您的代码(开头)
</script>
if (upload) {
upload.addEventListener('change', function () {
if (upload.files.length > 0) {
var reader = new FileReader();
reader.addEventListener('load', function () {
var result = JSON.parse(reader.result);
console.log(result);
});
reader.readAsText(upload.files[0]);
}
});
}
});
function Demo() {
var upload = document.getElementById('fileInput');
var cols = [];
for (var i = 0; i < upload.length; i++) {
for (var k in upload[i]) {
if (cols.indexOf(k) === -1) {
cols.push(k);
}
}
}
var table = document.createElement("table");
var tr = table.insertRow(-1);
for (var i = 0; i < cols.length; i++) {
var theader = document.createElement("th");
theader.innerHTML = cols[i];
tr.appendChild(theader);
}
for (var i = 0; i < upload.length; i++) {
trow = table.insertRow(-1);
for (var j = 0; j < cols.length; j++) {
var cell = trow.insertCell(-1);
cell.innerHTML = upload[i][cols[j]];
}
}
var data = document.getElementById("table");
data.innerHTML = "";
data.appendChild(table);
}