Question

function pushImage () {
    var img = new Image();
    img.src = '/waroot/chart/chart.png';
    document.getElementById("test1").innerHTML = "<img src='/waroot/chart/chart.png'>";
    document.getElementById("test2").innerHTML = img;
}

测试1工作并显示图像，但测试2没有。我不知道如何解决它，但我需要测试2的方式在我的项目中进一步工作，因为我将不得不圈选大量的图像。

图片由JFreeCharts创建，保存到png，然后必须发布到网站。作为一个附带问题：是否有可能将freecharts对象直接推送到jscript而不必事先保存它们（我可以把它们扔进字典中，然后再查看它们但是我不确定这是不是作品）

Answer 1

使用.appendChild(img)代替.innerHTML：

function pushImage () {
    var img = new Image();
    img.src = '/waroot/chart/chart.png';
    document.getElementById("test1").innerHTML = "<img src='/waroot/chart/chart.png'>";
    document.getElementById("test2").appendChild(img);
}

Demo

这是因为img是图像对象，而不是html字符串，所以你必须将它附加到DOM。

P.S。，不要忘记alt标记中需要img属性！

Jscript图像标记创建给出了错误

1 个答案: