Question

我正在尝试制作一个能够在服务器端CSV文件中读取的Web应用程序，并以一种整洁，可浏览的格式显示它。问题是我想用裸JS / CSS3 / HTML5来做。 有没有办法用裸JS / CSS3 / HTML5读写服务器端文件？我显然希望这是独立于操作系统/浏览器的。

我尝试了什么

我已经尝试实现我在网上找到的一些代码（一些网站引用它）。以下是我在测试时尝试的内容:(我只是希望测试在网页中显示网页的内容）

scriptTest.htm：

<html>
<head>
<script type="text/javascript" src="readIt.JS"></script>
</head>
<body>
<button onclick="return readIt();">Show the code of the page</button>
<div id="readItOutput"></div>
</body>
</html>

readIt.JS：

function readIt()
{
    file = fopen(getScriptPath("scriptTest.htm"), 0);
    file_length = flength(file);
    content = fread(file, file_length);
    document.getElementById("readIt").innerText = content;
}

然而，每当我运行它时，在Opera和Chrome下，它会抛出以下内容：

歌剧：

Uncaught exception: ReferenceError: Undefined variable: fopen
Error thrown at line 3, column 1 in readIt() in http://s.supuhstar.operaunite.com/s/content/JS/readIt.JS:
    file = fopen(getScriptPath("scriptTest.htm"), 0);
called from line 1, column 0 in <anonymous function>(event) in http://s.supuhstar.operaunite.com/s/content/JS/scripttest.htm:
    return readIt();

铬：

Uncaught ReferenceError: getScriptPath is not defined
readItreadIt.JS:3
(anonymous function)scripttest.htm:6
onclick

Answer 1

如果你想从服务器编辑一些文件你需要使用XHR对象将文件下载到客户端并再次使用XHR对象将修改后的数据发送回服务器，你需要在你的服务器上发送某种类型的API来发送/收到数据。

Answer 2

出于安全原因，单独使用JS / CSS3 / HTML5无法完成文件编写，否则人们将能够修改FireBug中的js并编写文件。您需要使用服务器端JS或PHP等语言来创建某种类型的API来处理权限，文件名，文件位置等...

至于阅读，你的文件必须是公共可访问的，否则你需要它由服务器端语言（如PHP）提供。

用JavaScript读取/写入文件

我尝试了什么

2 个答案: