我们可以使用javascript在sqlite中插入读取为url的图像吗？

Question

您好，我正在使用 cordova 开发一个跨平台应用程序。我正在尝试在 sqlite 中插入图像。我正在使用reader.readAsUrl 读取图像，这会在base64 data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAA...... 中返回一些类似这样的数据，我使用firebase 使用以下代码上传图像它真的很好用。

function previewFile()
        {
          var preview = document.querySelector('img');
  var file    = document.querySelector('input[type=file]').files[0];
  var reader  = new FileReader();


  reader.onloadend = function () {
    var image = reader.result;
    if(file.type.match('image.*'))
    {
    preview.src = reader.result;
   fullimage =reader.result;
}
else
{
  alert("select an image file");
}
  }

  if (file) {
    reader.readAsDataURL(file);
  } else {
    preview.src = "";
  }
        }

HTML代码：

<input type="file" onchange="previewFile()"><br>
<img src="" height="200" alt="Image preview...">

现在，当我尝试使用 Sqlite 进行相同操作时，我无法插入此图像。我可以使用此数据插入数据库吗？有人能帮我吗？提前谢谢..

Answer 1

最好的方法是将图像保存在服务器的文件系统中，或者您也可以使用 CDN。然后将图像的位置保存到数据库中。

但是，您可以使用 blob 将图像直接保存到数据库中。但是当你取回它时，你必须在显示之前再次准备图像。