我正在努力实现这个目标:我有一个静态html页面,它需要从文本文件中加载文本,作为其内容的一部分。文本文件位于网站的同一根文件夹中,这也是html页面所在的位置。
我知道简单的html无法从文件中加载文本;所以我对如何实现这一目标毫无头绪。服务器无法使用动态页面(解释起来相当复杂;我使用的是无法配置的Web服务器;我只能在其上编写和运行静态HTML页面。)
是否有阅读文本文件并在网页上拍打内容的技巧?否则,每次文本文件发生变化时,我都不得不从头开始创建这个网页;以某种方式使用python(我不是专家);这似乎很多工作。
答案 0 :(得分:2)
我不确定你想做什么,每次都读一个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>
你可以根据你的要求塑造它,比如传递你文件的网址。我希望这一定是你要搜索的内容