html - 使用 Cassandra 数据库 blob 数据显示图像

Question

我正在将图像存储到 cassandra 数据库(blob 数据)，我正在尝试获取数据并在我的 html 页面中显示，但它显示了一些垃圾数据。

我使用 cassandra 作为数据库，node js 作为后端服务器，cassandara-client 用于处理 cassandra 数据库。

完整的描述-

我能够将图像存储到 cassandra 数据库。

我也从cassandra数据库获取图像数据，但我不知道数据是哪种格式？(base64，二进制...等)。

我还可以使用以下代码将数据写入图像文件-

var fs = require("fs");
fs.writeFile("file1.png", new Buffer(imgData, "base64"), function(err) {});

但我不想将数据写入文件。我想将数据直接流式传输到 html 中的图像中。我使用下面的代码在我的 html 页面中显示图像-

$.ajax({ 
   url: 'http://10.0.0.1:3000/getMap', 
   type: 'GET', 
   headers: {
   "accept": "image/jpg",
            "content-Type": "image/jpg",
    },
   success: function(data) { 
    console.log("Inside success");
    $('#mapdiv').html('<img src="data:image/jpg;base64,'+data+'"  height="200px"  width="500px"/>');
    }
   }); 

<div id="mapdiv"></div>

但是我在 div 中得到了一些垃圾数据。

提前致谢苏布拉

Answer 1

您的二进制内容将作为字节数组存储在 Cassandra 中，大小为 endianness。 .为了让您的 HTML 正常工作，您需要先将该字节数组转换为 base64 编码的字符串。

不过需要注意一件事 - 根据您机器的架构，您可能需要先将字节数组转换回小端格式。如果您使用的是 little endian，这通常只是反转字节数组的内容。