在Python、JavaScript和HTML的组合中,可以使用FileReader API在浏览器端读取本地文件。以下是一个简单的例子,展示如何使用JavaScript读取本地Excel文件(.csv格式)并在网页上显示。
HTML部分:
<input type="file" id="fileInput" />
<div id="content"></div>JavaScript部分:
document.getElementById('fileInput').addEventListener('change', function(e) {
    var file = e.target.files[0];
    var reader = new FileReader();
    reader.onload = function(e) {
        var text = e.target.result;
        var lines = text.split('\n').map(function(line) {
            return line.split(',');
        });
        // 显示表格
        var table = document.createElement('table');
        lines.forEach(function(row) {
            var tr = table.insertRow();
            row.forEach(function(cell) {
                var td = tr.insertCell();
                td.textContent = cell;
            });
        });
        document.getElementById('content').appendChild(table);
    };
    reader.readAsText(file);
});这段代码会在用户选择文件后,读取文件内容并将其解析为表格格式,然后在id为content的元素内显示出来。
对于JSON文件,可以使用同样的方法,只是需要在读取完文件后对文本内容使用JSON.parse()来解析JSON数据。
请注意,由于浏览器的安全限制,这种方法只能在用户的本地环境中工作,不适用于服务器端文件读取。