データベースから画像のJavaScriptへの変換

Question

テーブルがblobフィールドを持ち、画像として表示したいデータベースがあります。私は本当にこのための解決策を見つけることができません - 任意の作業npmパッケージまたはコードのサンプルが役に立つでしょう。私はreactjsとnodejを使用しています。

Answer 1

何がやりたいことは、あなたがHTMLのIMG

のIMG srcに渡すことができるURLを作成しているJS

var url = window.URL || window.webkitURL; 
var imageSrc = url.createObjectURL('your blob'); 
document.querySelector("#myimage").src = imageSrc; 

HTML

<img id="myimage"/> 

Answer 2

方法1読めるストリームを作成しますパイプから応答

var stream = require('stream'); 
var bufferStream = new stream.PassThrough(); 
bufferStream.end(new Buffer(blob, 'binary')); 
res.writeHead(200, { 
    'Content-Type' : 'image/jpg' 
}); 
// res is standered express res object 
bufferStream.pipe(res) 

BASE64に方法2 パスブロブ

var bufferBase64 = new Buffer(blob, 'binary').toString('base64'); 

表示画像

class Example extends React.Component{ 

    render() { 
     return <img src={"data:image/jpeg;" + bufferBase64} /> 
    } 
} 

参照 https://stackoverflow.com/.../how-to-create-a-readstream-with-a-buffer-using-nodejs