在新的html页面中阅读和查看上传的文件

时间:2018-02-08 06:40:32

标签: javascript java jquery html servlets

我创建了一个html页面,它接收.csv文件,读取文件并使用jquery在同一页面的表格中显示内容。我的要求是在多个html页面或下一页面上查看表格(另一个html页面)驻留在我的项目文件夹中。

以下是我的上传页面enter image description here

这是我的评论页面enter image description here

这是我的jquery代码,用于读取和显示表格内容:

$(function () {
                       $("#upload").bind("click", function () {
                       var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.csv|.txt)$/;
                       if (regex.test($("#fileUpload").val().toLowerCase())) 
                       {
                       if (typeof (FileReader) != "undefined") {
                       var reader = new FileReader();
                       reader.onload = function (e) {
                        var table = $("<table />");                                              
                        var rows = e.target.result.split("\n");                          
                        for (var i = 0; i < 20; i++) {                              
                            var row = $("#td");
                            var xd=$("#th");


                          row.append(xd);




                            var cells = rows[i].split(",");
                            for (var j = 0; j < cells.length; j++) {
                                var cell = $("<tr />");
                                cell.html(cells[j]); 

                                row.append(cell);
                            }
                           var vh=$("#ab");  

                           table.append(vh);
                            table.append(row);
                        }
                        $("#tab").html('');

                        $("#tab").append(table);                           
                    }
                    reader.readAsText($("#fileUpload")[0].files[0]);
                } else {
                    alert("This browser does not support HTML5.");
                }
            } else {
                alert("Please upload a valid CSV file.");
            }
        });
    });

专家请帮我解决这个问题。

1 个答案:

答案 0 :(得分:0)

根据我的理解,您希望在阅读后在其他HTML文件上显示内容
您的问题有多种解决方案。但我建议的是什么 1)读取文件数据并将其放在数组或列表中 2)使用pageContext.setAttribute并设置列表 3)重定向到您要显示的HTML页面 4)List list = use pageContext.getAttribute(“list”)。
5)使用此列表显示数据。