javascript - 将捕获的图像存储到 SQlite 数据库中？ ( Cordova )

Question

到目前为止，我已经让相机 api 适用于我的应用程序，单击按钮时会打开相机，并且一旦拍摄图像就会显示在页面上。

我的下一步是将图像存储到我的 sqlite 数据库的表中。创建数据库没有问题，因为我已经有几个用于应用程序其他部分的其他表，它们工作正常，它只是找出如何将图像存储到数据库中。

有人可以在这里提供一些帮助吗？

相机功能:

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
  document.getElementById("btnCamera").onclick = function() {
     navigator.camera.getPicture(function (imageUri) {
     var lastPhotoContainer = document.getElementById("lastPhoto");
     alert("Hot stuff!");
     lastPhotoContainer.innerHTML = "<img src='" + imageUri + "' style='width: 75%;' />";
     }, null, null);
          };
          }

HTML:

<div data-role="page" id="page7" data-theme="d">
    <div data-role="header">
        <a href="#page1" class="ui-btn ui-icon-home ui-btn-icon-left">Sign ut</a>
        <h1>SoccerMeet</h1>
    </div>
    <div data-role="main" class="ui-content">
        <input id="btnCamera" type="button" value="Camera photo" />
        <p id="lastPhoto"></p>
    </div>

    <div data-role="footer">
        <h2>&copy; Gallery</h2>
    </div>
</div>

更新的脚本:

 document.addEventListener("deviceready", onDeviceReady, false);
  var db;

  function onDeviceReady() {
    db = window.openDatabase("SoccerEarth", "2.0", "SoccerEarthDB", 2 * 1024 * 1024);
    db.transaction(function(tx) {
      tx.executeSql('CREATE TABLE IF NOT EXISTS Gallery (id INTEGER PRIMARY KEY, myImage BLOB)');
    }, errorE, successS);
  }

  function successS() {
    alert("Camera database ready!");
    document.getElementById("btnCamera").onclick = function() {
      navigator.camera.getPicture(onSuccess, onFail, {
        quality: 50,
        destinationType: Camera.DestinationType.DATA_URL
      });
    };
  }

  function onSuccess(tx, imageData) {
    alert("Camera test 1");
    var image = document.getElementById("lastPhoto");
    image.src = "data:image/jpeg;base64," + imageData;
    base64imageData = imageData;
    var _Query3 = ("INSERT INTO Gallery(myImage) values ('" + base64imageData + "')");
    alert(_Query3);
    tx.executeSql(_Query3);
  }
  /*   function successCamera() {
     navigator.notification.alert("Image has been stored", null, "Information", "ok");
       $( ":mobile-pagecontainer" ).pagecontainer( "change", "#page4" );
   } */

  function onFail(message) {
    alert('Failed because: ' + message);
  }

  function errorE(err) {
    alert("Error processing SQL: " + err.code);
  }

Answer 1

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
  document.getElementById("btnCamera").onclick = function() {
     navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
    destinationType: Camera.DestinationType.DATA_URL
 });
 };
          }
          function onSuccess(imageData){
           var image = document.getElementById("lastPhoto");
           image.src = "data:image/jpeg;base64," + imageData;
           //the imageData is a base64 representation of the image.
           base64imageData=imageData;// this variable is a global variable and when ever asked for u can send it to SQL Operation class for storing.
          }

          function onFail(message) {
            alert('Failed because: ' + message);
        }