如何在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字符串。 我的問題是，是否可以將javascript圖像與類似html的語句一起使用

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

Answer 1

您的意思是這樣，它使用img id附加src？

 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" /> 

Answer 2

如果要獲取元素的html字符串，而不是希望將其附加到當前文檔，請在創建的Image實例上使用externalHTML 。

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