gpt4 book ai didi

javascript - 如何从本地运行的 html+javascript 页面访问和读取本地文件

转载 作者:太空狗 更新时间:2023-10-29 13:20:55 29 4
gpt4 key购买 nike

我想编写一个小的 html 文件,它可以在本地运行并在我的计算机上操作一个小的文本文件。我的要求是:

  • 文本文件位于我计算机上的一个目录中 (test.txt)
  • HTML 文件与文本文件 (test.html) 在同一目录中
  • 我想在 html 中使用 javascript 来读写文本文件。

这可能吗?如果是,我如何使用 javascript 读写我的文本文件?

最佳答案

正如 Itay Moav 的回答中所讨论的那样,如果不在提升权限模式下运行并具有额外的 Javascript 功能(允许您保存本地文件),使用本地 HTML 文件写入本地文件可能会成为一个问题.

但是,从 HTML 文件访问本地文件是完全可能的。下面是一些示例代码。

mytext.txt

My local text file

local.html

<html>
<head>
<base href="file:///C:/path/to/your/folder/"/>
<script>
window.onload = function(){
var iframe = document.createElement('iframe');
iframe.id = 'iframe';
iframe.style.display = 'none';
document.body.appendChild(iframe);
iframe.src = 'mytext.txt';
setTimeout(function(){
var text = document.getElementById('iframe').contentDocument.body.firstChild.innerHTML;
alert(text);
}, 1000);
}
</script>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

这将在 html 页面加载后 1 秒发出警报(以允许先加载 iframe),并将包含 mytext.txt 文件中的内容。

请注意,如果它是明文,Firefox 将用 PRE 元素将其包装起来,这就是我使用 firstChild 的原因。另外,请注意 BASE 元素的使用,它指向包含文件的本地目录。

关于javascript - 如何从本地运行的 html+javascript 页面访问和读取本地文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6396906/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com