HTML中JavaScript如何读取并返回文件内容不需要用户输入
在HTML中，JavaScript可以通过使用XMLHttpRequest对象来读取文件内容，并使用回调函数来返回结果。
以下是一个示例，演示如何使用JavaScript读取并返回文件内容：
<!DOCTYPE html>
<html>
<head>
<title>Read File Content</title>
</head>
<body>
<button onclick="readFile()">Read File</button>
<script>
function readFile() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'file.txt', true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var fileContent = xhr.responseText;
console.log(fileContent); // 在控制台输出文件内容
// 在此处可以对文件内容进行处理
}
};
xhr.send();
}
</script>
</body>
</html>
在上面的示例中，我们创建了一个XMLHttpRequest对象，并使用open方法指定要读取的文件路径（在这里假设为file.txt）。然后，我们使用onreadystatechange事件监听器来检测请求的状态变化。当readyState为4（请求已完成）且status为200（请求成功）时，我们可以使用responseText属性获取文件的内容。在此处，我们将文件内容打印到控制台，但你可以根据需要进行任何处理
原文地址: https://www.cveoy.top/t/topic/iykt 著作权归作者所有。请勿转载和采集!