Question

我正在努力实现这个目标：我有一个静态html页面，它需要从文本文件中加载文本，作为其内容的一部分。文本文件位于网站的同一根文件夹中，这也是html页面所在的位置。

我知道简单的html无法从文件中加载文本;所以我对如何实现这一目标毫无头绪。服务器无法使用动态页面（解释起来相当复杂;我使用的是无法配置的Web服务器;我只能在其上编写和运行静态HTML页面。）

是否有阅读文本文件并在网页上拍打内容的技巧？否则，每次文本文件发生变化时，我都不得不从头开始创建这个网页;以某种方式使用python（我不是专家）;这似乎很多工作。

Answer 1

我不确定你想做什么，每次都读一个txt文件，或者你可能想要更改txt文件。你可以使用javascript文件阅读器来读取文件。然后你可以将文件的内容发布到你想要的html中。为了查找，

您的javascript文件如下所示，将其重命名为test.js

window.onload = function() {
        var fileInput = document.getElementById('fileInput');
        var fileDisplayArea = document.getElementById('fileDisplayArea');

        fileInput.addEventListener('change', function(e) {
            var file = fileInput.files[0];
            var textType = /text.*/;

            if (file.type.match(textType)) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    fileDisplayArea.innerText = reader.result;
                }

                reader.readAsText(file);    
            } else {
                fileDisplayArea.innerText = "File not supported!";
            }
        });
}

您的HTML页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>File API</title>

    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="page-wrapper">

        <h1>Text File Reader</h1>
        <div>
            Select a text file: 
            <input type="file" id="fileInput">
        </div>
        <pre id="fileDisplayArea"><pre>

    </div>

    <script src="text.js"></script>
</body>
</html>

你可以根据你的要求塑造它，比如传递你文件的网址。我希望这一定是你要搜索的内容

在静态html页面中加载文本文件？

1 个答案: