使用 HTML5 和 JavaScript 在 SQLite 中插入和检索 BLOB 图像答案

【问题标题】：Insert and retrieve BLOB image in SQLite with HTML5 and JavaScript使用 HTML5 和 JavaScript 在 SQLite 中插入和检索 BLOB 图像
【发布时间】：2016-11-28 10:54:51
【问题描述】：

我有这个简短的 javascript 代码，我可以在其中将记录输入到 sqlite 数据库：

  function insertRecord() // Get value from Input and insert record . Function Call when Save/Submit Button Click..

  {

  var namamenutemp = $('input:text[id=namamenu]').val();

  var satuantemp = $('input:text[id=satuan]').val();

  var hargatemp = $('input:text[id=harga]').val();

  var stoktemp = '0';
  db.transaction(function (tx) { tx.executeSql(insertKasir, [namamenutemp, satuantemp, hargatemp], loadAndReset, onError); });  
  }
$("#submitButton").click(insertRecord);

我要输入到 sqlite 的 html：

<input type="hidden" id="id">
<input id="namamenu" type="text" placeholder="Nama menu" required="" autofocus="" pattern=" ">
<input id="satuan" type="text" placeholder="Contoh: PCS" required="" pattern=" ">
<input id="harga" type="text" placeholder="Rp." required="" pattern=" ">
<button id="submitButton" type="submit" >Save</button>

这是我的表结构：

"CREATE TABLE IF NOT EXISTS Kasir (id INTEGER PRIMARY KEY AUTOINCREMENT, namamenu TEXT, satuan TEXT, harga TEXT)"

现在我想在我的表格中插入一些图像，我发现它会使用 BLOB，但我不知道如何在我的 HTML5-Javascript 上使用它。

我也必须更改我的表结构吗？

【问题讨论】：

标签： javascript html sqlite blob

【解决方案1】：

这是一个类似的问题：如何将图像的内容获取为 base64。看起来该方法特定于 firefox，但也可以在其他浏览器中使用：Get image data in JavaScript?

如果图像在同一个域中，您可以使用 ajax 获取其内容。由于您已经在使用 jQuery，它看起来像这样：

$.get(imageUrl, function(result) {
  console.log('binary image content', result);
});

如果要显示图像，则需要将其内容转为 base64，如下所述：Embedding Base64 Images

【讨论】：

不，现在我正在使用 intel xdk 创建应用程序，我想将图像保存到我的 sqlite 数据库，它不是网站。