在一个文件中创建一个简单的json数组,并尝试使用file upload上载并在表视图中显示json 这是我使用HTML和JAVASCRIPT的代码

在一个文件中创建一个简单的json数组,并尝试使用file upload上载并在表视图中显示json 这是我使用HTML和JAVASCRIPT的代码,javascript,Javascript,如何在表中绑定上传的json数据 演示 函数演示(){ var upload=document.getElementById('fileInput'); var cols=[]; 对于(变量i=0;i

如何在表中绑定上传的json数据

演示
函数演示(){
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);


    }