通过JQuery（二进制列）从数据库中读取图像

Question

我试图从数据库中读取图片并在我的网站上显示

当我读取保存在二进制字段中的图像形式postgres数据库时，我得到了类似的内容

'/9j/4AAQSkZJRgABAQAASABIAAD/4QBYRXhpZgAATU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAFAKADAAQAAAABAAADsAAAAAD/7QA4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAA4QklNBCUAAAAAABDUHYzZjwCyBOmACZjs+EJ+/8AAEQgDsAUAAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fL

我需要显示图像，我不能这样做，而图像是二进制格式我认为

所以我怎么能把它转换成我的网站

Answer 1

根据您的图片格式，（我假设它是jpeg，使用png等等）使用此功能。

var my_source = 'data:image/jpeg;base64,' + btoa(your_binary_string);

并将其放入dom元素中。

实施例

var my_element = document.getElementById("div_which_image_will_be_located");
var my_image = my_element.createElement("img");
my_image.src = my_source
my_element.appendChild(my_image);

Answer 2

使用Postgres encode（）函数将二进制文件转换为base64，然后将其加载到图像标记中。