database - 使用 TypeORM Cordova 数据库将图像保存为 Blob

Question

概要
我的图像没有正确保存到我的 Cordova SQLite 数据库中。我正在使用打字机。数据 (Uint8Array) 被转换为字符串，因此我无法再次将其解码回来。

长版
我通过 typeorm 将以下 Uint8Array 保存到我的 Cordova SQLite 数据库中:

Uint8Array(4144617) [255, 216, 255, 224, 0, 16, 74, 70, 73, 70, 0, 1, 1, 0, 
0, 1, 0, 1, 0, 0, 255, 219, 0, 67, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 
1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 
1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 
1, 255, 219,...]

我再次返回的是字符串类型:

���� JFIF      �� C �� C...

当我通过 Buffer.from(image) 将其转换为 Uint8Array 时，它的大小几乎翻了一番:

Uint8Array(7723287) [239, 191, 189, 239, 191, 189, 239, 191, 189, 239, 191, 
189, 0, 16, 74, 70, 73, 70, 0, 1, 1, 0, 0, 1, 0, 1, 0, 0, 239, 191, 189, 239, 
191, 189, 0, 67, 0, 1, 1, 1, 1,...]

上面的字符串是相同的 Uint8Array 表示，就像我将它作为字符串打印到控制台一样。我尝试了不同的编码(utf8、ascii、windows-1253、utf-16le)将此字符串解码为 Uint8Array 返回，但所有产生的结果都比以前多。 插入的日志消息看起来很好:

query:  INSERT INTO someEntity (id, name, created, createdby, 
        lastchangedby, lastchanged, status, graphic) VALUES (?, ?, ?, ?, ?, ?, ?, ?) 
        -- PARAMETERS: ["1","some name","2018-05-28T22:46:38.896Z","username","username",
        "2018-05-28T22:46:38.896Z","1",
        {"type":"Buffer","data":[255,216,255,224,0,16,74,70,73,70,0,1,1,0,0,1,0,1,0,0,255,219,0,67,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,255,219,...]]

但是无论我使用哪种方法，数据库中的结果始终是一个字符串:

• connection.manager.query("INSERT INTO ... (...) VALUES (?, ?, ...)", [parameters...])
• connection.manager.save(entity)
• connection.manager.createQueryBuilder().insert().into(entity).values({parameters...}).execute()

我从我的 Android 设备中提取数据库并使用 DB Browser for SQLite 检查它以验证问题出在插入语句而不是选择中。

在我的实体中，图像字段定义如下:

@Column("blob",{ 
    nullable:true,
    name:"graphic"
})
graphic: Buffer;

我为此苦苦挣扎了 2 周，并尝试了几种不同的方法。

问题
所以我的问题浓缩为:是否有任何技巧或解决方法可以将图像/文件保存为数据库中真正的 blob/字节数组，或者是否有办法将保存的字符串转换回可显示的图像？

提前致谢!

Answer 1

我终于能够使用 typeorm 在 sqljs 中使用它。下面是将来自数据库的缓冲区数据转换为base64字符串的方法。

 BufferToBase64(buffer) {
    var binary = '';
    var byte = new Uint8Array( buffer );
    var byteLen = byte.byteLength;
    for (var i = 0; i < byteLen; i++) {
        binary += String.fromCharCode( byte[ i ] );
    }
    return window.btoa( binary );
}

然后想办法显示base64字符串。在我的例子中，我需要做的就是设置一个图像前缀，然后传递这个方法。这是一个示例

<img [src]="'data:image/png;base64,'+BufferToBase64(graphic)" />

关键是将 byte[] 转换为 base64。干杯。