html imgタグでJava文字列イメージオブジェクトを使用するにはどうすればいいですか？

Question

私は現在、base64文字列からjavascriptイメージを生成しています。 は、私がこの

function generateHTML() 
{ 
    var image = new Image(); 
    var src = "data:image/jpeg;base64," + picString; 
    image.src = src; 
    ...... 
} 

ような何かをやっている今、私は私がこの

document.body.appendChild(image); 

ような何かを行うことができます知っているが、それは私が欲しいものではありません。私のjavascript関数では、私はHTML文字列を返す。私の質問は、私はそれがSRCを追加するIMG IDを使用します。このように意味この

<img src=image alt="Mountain View" style="width:304px;height:228px;"> 

Answer 1

あなたは要素のHTML文字列を取得するために探して、あなたが作成したImageインスタンスにouterHTMLを使用し、現在のドキュメントに付加するために探していない場合。

function generateHTML() { 
    var image = new Image(); 
    var src = "data:image/jpeg;base64," + picString; 
    image.src = src; 
    return image.outerHTML; 
} 

Answer 2

ようなHTML文ではJavaScriptイメージを使用することが可能であればありますか？

function generateHTML() { 
 
    var picString = "iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="; 
 
    var image = new Image(); 
 
    var src = "data:image/jpeg;base64," + picString; 
 
    document.getElementById('img').src = src; 
 
} 
 

 
generateHTML();

<img id="img" alt="Mountain View" title="Red Dot" />