div中的JavaScript图像
我有以下代码:div中的JavaScript图像,javascript,image,onclick,Javascript,Image,Onclick,我有以下代码: function getImage(imgPath,override){ image=new Image(); image.src=imgPath; document.getElementById('imgboxDavanti').appendChild(image); } 调用此函数的HTML是: <a href='#' onclick="getImage('immagini/giaccasaccobacino/1petto/beige.png'
function getImage(imgPath,override){
image=new Image();
image.src=imgPath;
document.getElementById('imgboxDavanti').appendChild(image);
}
调用此函数的HTML是:
<a href='#' onclick="getImage('immagini/giaccasaccobacino/1petto/beige.png','true')">
这是我要放照片的地方
<div id="imgbox">
<div id="imgboxDavanti">IMAGE HERE</div>
<div id="imgboxDietro"></div>
</div>
图像在这里
但我不显示图像(如果我将错误路径作为参数传递,我会看到典型的“未找到图像”图标)。有什么问题吗?尝试为
创建元素
如果您对此进行了修改?(代码中没有明显错误,但主要检查错误消息(如果有)的内容)
override
似乎什么都不做……还有,为什么要将true
作为字符串传递?您的代码似乎工作正常。。。
function getImage(imgPath,override){
image=document.createElement('INPUT');
image.type="image";
image.src=imgPath;
document.getElementById('imgboxDavanti').appendChild(image);
}
function getImage(imgPath,override){
image = document.createElement('img');
image.onload = function() {
document.getElementById('imgboxDavanti').appendChild(image);
}
image.onerror = function(e) {
console.log(e);
alert('Error occurred, see console for details.');
}
image.src = imgPath;
}