HTML 表单数据到 CSV - 无需服务器文件

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

我有这个 HTML 表单:

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
</head>
<body>
    <form>
        <label>Name</label>
        <input type="text" name="name" id="name"> <br>
        <label>Surname</label>
        <input type="text" name="name" id="name"> <br>
        <label>Birthday</label>
        <input type="date" name="date" id="date">
        <button type="submit">Submit</button>
    </form>
</body>
</html>

我需要将插入的数据放入已存在的 CSV 文件中,并且该文件与 HTML 文件位于同一文件夹中。我需要在没有任何类型的服务器的情况下离线使用此文件:我不想安装任何额外的东西。有什么办法可以做到这一点吗?

我考虑过使用 PHP,但这意味着使用某种本地服务器,我想让事情尽可能简单。

html forms csv local-files
1个回答
0
投票

不幸的是,由于浏览器的安全限制,浏览器中运行的 JavaScript 无权读取或写入本地文件系统上的文件。这是一项安全措施,旨在防止恶意和危险的脚本访问您计算机上的敏感数据。

将数据附加到本地文件系统上的现有文件需要服务器端编程,例如 Node.js、Python 和 PHP。

作为替代方案,您可以将表单数据存储在浏览器的本地存储中,然后在需要时下载 CSV 文件。这样,每个表单提交的数据都会添加到本地存储中的现有数据中,当您准备使用数据时,只需下载一次 CSV 文件。

如果您需要在客户端持久存储和追加数据,您可能需要考虑使用 IndexedDB 等技术,它是一种低级 API,用于客户端存储大量结构化数据(包括文件/blob)。这可以处理更大量的数据并且具有更复杂的 API。

© www.soinside.com 2019 - 2024. All rights reserved.