一、關于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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。