[英]How can I use a java string image object in a html img tag - Is it possible?
I am currently generating a javascript image from a base64 string. 我目前正在从base64字符串生成JavaScript图片。 I am doing something like this
我正在做这样的事情
function generateHTML()
{
var image = new Image();
var src = "data:image/jpeg;base64," + picString;
image.src = src;
......
}
Now I know i can do something like this 现在我知道我可以做这样的事情
document.body.appendChild(image);
but that is not what I want. 但这不是我想要的。 In my javascript function I am returning back an html string.
在我的javascript函数中,我返回了一个html字符串。 My question is if it is possible for me to use the javascript image with a html statement like this
我的问题是,是否可以将javascript图像与类似html的语句一起使用
<img src=image alt="Mountain View" style="width:304px;height:228px;">
You mean like this, where it uses the img id to append the src? 您的意思是这样,它使用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" />
If you are looking to get the html string of an element and not looking to append it to the current document, use outerHTML on the Image instance you created. 如果要获取元素的html字符串,而不是希望将其附加到当前文档,请在创建的Image实例上使用externalHTML 。
function generateHTML() {
var image = new Image();
var src = "data:image/jpeg;base64," + picString;
image.src = src;
return image.outerHTML;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.