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？

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

如果您希望获取元素的html字符串而不想将其附加到当前文档，请在您创建的Image实例上使用outerHTML。

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

如何在html img标签中使用java字符串图像对象 - 是否可能？

2 个答案: