首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Html5 学习系列(六)Html5本地存储和本地数据库

一、本地存储由来的背景       众所周知Html4时代Cookie的大小、格式、存储数据格式等限制,网站应用如果想在浏览器端存储用户的部分信息,那么只能借助于Cookie。...为了破解Cookie的一系列限制,Html5通过JS的新的API就能直接存储大量的数据到客户端浏览器,而且支持复杂的本地数据库,让JS简直就是逆天了。...Html5支持两种的WebStorage,一种是永久性的本地存储(localStorage),另外一种是会话级别的本地存储(sessionStorage)。...二、会话级别的本地存储:sessionStorage 在Html5中增加了一个Js对象:sessionStorage;通过此对象可以直接操作存储在浏览器中的会话级别的WebStorage。...逆天的是Html5提供了一个浏览器端的数据库支持,允许我们直接通JS的API在浏览器端创建一个本地的数据库,而且支持标准的SQL的CRUD操作,让离线的Web应用更加方便的存储结构化的数据。

2.3K70

使用 HTML input 元素上传本地文件,在服务器端打印出上传的内容

需求 在本地通过 HTML input 元素,支持上传多个文本文件到服务器。 服务器采取 Node.js 实现,将本地上传的文本文件内容打印出来。 实现效果 先看一下本文介绍的代码片段执行的效果。...浏览器访问 localhost:3003,能看到如下界面: 点击 Choose Files,弹出文件上传对话框,可以选择上传多个本地文本文件。...这里我选择了本地两个名为 1.txt 和 2.txt 的文本文件,内容分别为: 选定之后,Choose Files 控件右边,显示为 2 files,意思是有两个本地文件等待上传。...点击上图的 upload your file 之后,在服务器的控制台,能看到依次打印出第一个文件的文件名,文件内容,然后是第二个文件的文件名,文件内容,说明上传成功: 下面是本需求具体的实现步骤。...'读取结束'); }); }); form.parse(req); } res.writeHead(200, { 'content-type': 'text/html

2.5K20
领券