html5 sqlite存储图片,HTML5之Sqlite

一、关于HTML5与web本地数据库

SQLite 能很好的支持关系型数据库所具备的一些基本特征，比如标准SQL语法、事物、数据表与索引等，而且占用资源较少，可在移动设备上轻松使用。

HTML5中添加了很多功能，将一些以前必须保存在服务器上的数据转向本地保存，提高了Web应用程序性能的同时还减轻了服务器的负担。但关于Web SQL Database有一个不太好的消息(来自网络)：

我们常在数据库中处理大量结构化数据，html5引入Web SQL Database概念，它使用 SQL 来操纵客户端数据库的 API，这些 API 是异步的，规范中使用的是SQLlite，悲剧正是产生于此，Web SQL Database规范页面有着这样的声明，如图1所示：

图1

This document was on the W3C Recommendation track but specification work has stopped. The specification reached an impasse: all interested implementors have used the same SQL backend (Sqlite), but we need multiple independent implementations to proceed along a standardisation path.

上面的英文的大概意思就是：

这个文档曾经在W3C推荐规范上，但是规范工作已经停止了。目前已经陷入了一个僵局：目前的所有实现都是基于同一个SQL后端(SQLite)，但我们需要更多的独立实现来完成标准化。

也就是说这是一个废弃的标准了，尽管部分浏览器已经实现

一上来就泼凉水确实不太好，但学习一下总归没有什么坏处的，对吧?

目前我已知的支持Web SQL Database的浏览器有chrome，火狐与IE并不支持。

W3C目前力推的H5本地数据库是IndexedDB

二、H5 Sqlite数据库三个核心API

1.opendatabase：使用现有数据库或创建新数据库创建数据库对象，如图2所示的代码：

图2

2.transaction：事务，可根据情况控制事务提交或回滚，如图3所示的代码：

图3

3.executeSql：用于执行SQL查询，如图4所示的代码：

图4

4.关于dataHandler和errorHandler，如图5所示的代码：

图5

三、一个例子

下面使用一个比较完整的例子来演示。代码如下所示

图6

下面是执行结果：

添加一条数据，如图7所示：

图7

运行结果，如图8所示：

图8

再添两条，如图9所示：

图9

关闭浏览器后重新打开，如图10所示：

图10

全部清空之后，如图11所示：

图11

后面会更新一些mssql的文，关注mssql的敬请期待。

html5 sqlite存储图片,HTML5之Sqlite相关推荐

html5离线存储图片,HTML5教程离线存储技术详解
本篇教程探讨了HTML5教程离线存储技术详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < 随着Web App的发展,越来越多的移动端App使用HTML5 ...
android sqlite存储数据,Android之SQLite数据存储
关于SQLite的出生长大和壮大,这里就略去了,只记几点比较重要的用法: SQLite所支持的数据类型: SQLite,SQLite3支持 NULL.INTEGER.REAL(浮点数字).TEXT(字 ...
html5画布插入图片,html5画布导入图片
Canvas是在html5中新出现的元素,目前支持的有chrome浏览器,360和ie都不支持,标签如下 style="border:1px solid #c3c3c3;"> ...
html5连续播放图片,HTML5效果：canvas处理连续帧图片
html5 canvas处理连续帧图片,下面的代码基于IE8以上 Canvas Demo var canvas = null;//初始化参数 var img = null; var ctx = nul ...
html5+山东地区图片,html5 canvas山东省地图分布颜色标记
特效描述:html5 canvas 山东省地图分布颜色标记.鼠标经过每个城市时,颜色改变. 代码结构 1. 引入JS 2. HTML代码 option = { title: { text : '山东 ...
html5自动旋转图片,HTML5画布旋转图片
你可以使用canvas'context.translate& context.rotate来旋转你的图像这里有一个函数来绘制旋转了指定度数的图像: function drawRotated( ...
html5离线保存需要联网吗,html5 离线存储
在html页面中引入manifest文件在服务器添加mime-type text/cache-manifest 如下: sample.appcache内容如下: CACHE MANIFEST #ve ...
html5有本地存储吗,HTML5的本地存储
HTML5的存储方式 HTML5给我们提供了新的存取本地数据的方法. 在HTML5之前,存储主要是放在cookie文件中.但是cookie文件有其自身的局限性. cookie文件每次请求的时候都会发送 ...
android sqlite存对象,【Android基础】Android SQLite存储自定义对象
Android SQLite存储自定义对象在SQLite数据库中可存储的数据类型有NULL.INTEGER.REAL(浮点型).TEXT.BOOL,一共是五种数据类型.在Android开发中,我们存 ...

html5 sqlite存储图片,HTML5之Sqlite

html5 sqlite存储图片,HTML5之Sqlite相关推荐

最新文章

热门文章