将<img/>设置为Base64字符串Javascript

时间:2015-11-29 07:49:28

标签: javascript html

我正在尝试将图像设置为javascript中的base64编码字符串,现在我的html中有这个

<img id="image_holder" src="" />

然后在我的javascript中

document.getElementById("image_holder").src = "data:image/png;base64,iVBOR...";

然后我在网页上看到这个

enter image description here

而不是图像应该是。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

尝试使用window.onload事件

window.onload = function() {
  document.getElementById("image_holder").src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAABHNCSVQICAgIfAhkiAAAACRJREFUOI1j/M/A8J+ByoCJ2gaOGjpq6Kiho4aOGjpq6GA2FAAxTAIqi7SS4AAAAABJRU5ErkJggg==";
}
<body>
  <img id="image_holder" />
</body>