HTML文件和客户端存储Javascript相关问题,可能吗?

问题描述 投票:0回答:1

这里是新的。

我想使用 HTML 文件制作一个非常轻量且简单的“网页应用程序”。 其中有一段 Javascript 代码,因此可以通过简单的复制/粘贴轻松共享,并且任何人都可以通过避免下载多个初始文件来检查该代码。

我不需要任何必需的依赖项或任何其他步骤,只需双击即可启动它,只需一个文件,我们可以使用任何现代浏览器轻松运行它,并且只需执行以下操作即可轻松检查担心潜在病毒的人的代码右键单击/用记事本(++)打开。 更糟糕的是,第一次运行需要一个外部 API,因为无论如何它都需要下载数据才能在视觉上可用。

为了可视化我想要的内容,它是一个基本的电子表格样式清单,使用 HTML 的表格或简单的 CSS 等效项,但每个项目都有图像,背景、主图标等都有一个图像,并保存已检查的项目,以及如果可能的话,用户可以保存和加载多个“保存文件”(文本或ini)。

目标是从本地打开的 HTML 文件显示网页,第一个任务是检查所需的图像是否已下载(因此不需要每次都通过第三方服务器获取它们)可能不喜欢),加上要加载的保存的用户数据。 我想避免 IndexedDB API,因为我希望用户能够随意交换浏览器而不丢失数据,而是能够通过执行像复制 html 文件及其文件夹这样简单的操作在另一台计算机上使用它.

但这就是我遇到问题的地方,我只能找到完全不相关的答案,或者非常具体的答案,或者只是关于如何使用 API 等第三方内容的内容,对于离线的单个初始文件来说,这是行不通的正如我所愿。

HTML 及其嵌入的 Javascript 显然根本不喜欢处理客户端存储。 但其中大多数都是关于从服务器、常规互联网网页获取的 HTML,那么从我们自己的 HTML 文件中获取的“file://”而不是“HTTP(s)”呢? 本地启动的 HTML 文件的 Javascript 是否允许检查现有文件/文件夹,就像独立的 Javascript 已经允许的那样,并下载、读取和写入它们? 或者我应该放弃使用 HTML 文件作为基础的想法吗?

请注意,这是我第一次在这里提问,我已经阅读了很多答案,但以前从未需要创建帐户来提问。 我希望这个问题是正确的。

提前致谢!

尝试了很多东西,例如“= require('fs');” (“var”和“const”变体实例)这显然在客户端不起作用。

"= new ActiveXObject("Scripting.FileSystemObject");" 以及围绕“FolderExists()”和“CreateTextFile()”的多个其他答案,这些答案也适用于服务器端或 HTML 环境之外的 Javascript。

“localStorage.setItem()”和“localStorage.getItem”依赖于浏览器,显然“sessionStorage”在这里不起作用。 与缓存有关的任何事情都一样。

javascript html file client
1个回答
0
投票

您是对的,出于安全原因,在网页中运行的 JavaScript 无法从您的文件系统读取文件。实现永久存储的唯一方法是将数据保存在服务器上,并让您的 JavaScript 代码通过 Web 请求读取和写入它。

仅限本地的解决方案可能是要求用户通过 文件上传 api 手动加载数据,并每次通过生成 下载按钮

手动保存数据
© www.soinside.com 2019 - 2024. All rights reserved.