如何在我的html网站中保存用户上传的数据?

时间:2019-02-15 05:03:46

标签: javascript html

我希望在用户提交表格时接​​收数据 在网站上创建登录帐户之类的东西 然后将帐户数据保存在数据库中

我知道如何从提交的表单中取出数据,但是无法将数据保存在本地文件中 在不使用服务器的情况下,我尝试将传递的数据保存为重写现有的本地文件,但似乎js禁止更改本地文件。

如果必须使用服务器来完成,请告诉我如何设置本地主机服务器,以及如何将脚本中的数据定向到服务器,因为我没有ftp服务器之类的东西

是否必须将其保存在SQL之类的数据库软件中?

非常感谢您

4 个答案:

答案 0 :(得分:0)

您可以使用HTML5本地存储。只需在w3schools中阅读有关该内容的内容。确保仔细检查用例,因为只有非关键数据应存储在浏览器中。

答案 1 :(得分:0)

如果您的要求很简单并且不需要永久保存,则可以使用@@ Rajesh所说的localStorage。但是否则,您需要使用MySQL或Mongo之类的数据库来保存数据,并需要诸如express这样的框架来从数据库中保存和检索数据(如果您需要使用NodeJS来完成这些工作,否则可以使用任何后端技术) 。

答案 2 :(得分:0)

保存在localStorage中。执行以下操作:

localStorage.setItem('username','Tom');
localStorage.setItem('password','123456');

之后,您的数据将保存在本地存储中。您可以通过右键单击chrome进行检查,选择“检查”,选择“应用程序”,在左侧会找到“本地存储”;

我想您可能想访问保存的数据。请执行以下操作:

  let username=localStorage.getItem('username')
  let password=localStorage.getItem('password')
  localStorage.clear()//will clear everything in localStorage

您可能还希望清除数据。

localStorage.removeItem('username')
localStorage.removeItem('password')
localStorage.clear()//will clear everything in localStorage

希望有帮助

答案 3 :(得分:0)

  1. window.localStorage-存储没有到期日期的数据。

  2. window.sessionStorage-存储一个会话的数据(数据丢失     当浏览器标签关闭时)

请参考以下链接

html5_webstorage