読み取り画像私は、データベースから画像を読み、私のウェブサイトでそれを表示しようとしている

Question

私はそのようなものを持ってバイナリフィールドに保存されている画像形式のPostgresデータベースを読み

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

私は画像を表示する必要があると私はイメージがバイナリ形式である間、私は考えることはできません

ので、私は私のウェブサイトでそれと場所を変えることができる方法

Answer 1

Postgresのencode（）関数を使用して、バイナリをbase64に変換し、イメージタグにロードします。

Answer 2

あなたの写真のフォーマットに基づいて（私はそれがjpegであると仮定しています、またはpngなどを使用してください）。

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

とし、それをdom要素の中に入れます。

Ex。

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);