如何使用JavaScript获取文件和文件名?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用JavaScript获取文件和文件名?相关的知识,希望对你有一定的参考价值。

我正在创建一个主要包含静态文章的网站,我想从目录中访问.txt文件,并在使用javascript加载网站时以这种方式动态创建页面。但是,我正在努力寻找一种方法来访问文件(文件将放在托管网站的任何地方,以及实际的网页,然后我将从这些文件中提取文本并创建页面那样)。这是否可以在不使用服务器端代码的情况下完成,或者是否有任何建议以另一种方式创建页面?我真的想避免经历为每篇文章不断添加html页面的所有麻烦,因为这将是非常单调的,我目前没有任何后端代码,并且如果可能的话希望保持这种方式。一般的任何建议将不胜感激。

答案

没有后端服务器,这是不可能的。出于安全原因,不允许在浏览器中运行的代码访问系统上的文件。

编写一个简单的后端服务来获取这些文本文件或通过将文本文件转换为JavaScript文件并将文本数据声明为变量来访问这些文本文件数据。然后在主JavaScript文件之前加载这些文件。现在,您可以在主js脚本中将数据作为变量进行访问。

另一答案

在传统的打开文件,读取文件和关闭文件范例中是不可能的。

您可以在服务器上创建一个Web服务,该服务将使用ajax从文件返回数据,例如文本文件的内容。但是没有任何后端代码,它将是不可能的,因为如果客户端代码能够在没有任何服务器端代码的情况下这样做会有很多安全隐患。

以上是关于如何使用JavaScript获取文件和文件名?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用JavaScript获取文件和文件名?

如何使用 javascript/jquery 从 URL 中删除获取变量和文件名?

如何在 vscode 中使用自己的 javascript 文件获取智能感知

如何使用 JavaScript 从完整路径中获取文件名?

如何在 Chrome 扩展中使用 Javascript 获取文件大小?

如何使用Javascript从文件上传中获取完整路径