gpt4 book ai didi

javascript - 使用 File API 正常读取文件

转载 作者:行者123 更新时间:2023-11-30 12:14:38 24 4
gpt4 key购买 nike

我一直坚持在我的 HTML 程序中处理文件 API。到目前为止,这是我的代码:

<html>
<script>
var file = 'C://test.txt';
var myBlob = new Blob([file], {type : "text/plain"});
var myReader = new FileReader();
myReader.addEventListener("loadend", function(e){
document.write(e.srcElement.result);
});
myReader.readAsText(myBlob);
</script>
</html>

问题是,当我运行它时,输出是 C://test.txt。但是我想输出文件的内容而不是文件名。我已经检查过我的浏览器是最新的。我还必须坚持使用 HTML 和 JavaScript。请帮忙。

最佳答案

一般来说,如果用户没有明确的操作来启动文件系统访问,您的应用代码无法从用户的文件系统获取文件的内容——但也有异常(exception),您可以在 https://stackoverflow.com/a/22033170/2827823 阅读更多关于它们的信息。

因此,对于从任意源运行的 Web 应用程序以访问用户本地文件系统中的文件,您必须提供一些东西,使用户能够自己选择他们希望您的应用程序使用的文件;本质上,这意味着在您的代码中执行以下任一操作:

  • 在文档的标记中包含一个 <input type="file"> 元素
  • 在您的文档中创建一个拖放区,供用户将文件拖入

MDN 有一个非常好的 Using files from web applications 指南,其中详细介绍了如何使其工作。

还有一个非常好的 HTML5Rocks Reading files in JavaScript using the File APIs 指南,提供了类似的信息和示例。

关于javascript - 使用 File API 正常读取文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32766554/

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