javascript - 使用 javascript 动态加载图像和自定义加载图像

Question

目前致力于加载动态图像。如果自定义图像有路径，它必须采用自定义图像而不是默认图像，如果没有自定义图像路径不可用，它必须加载给定 ID 中的默认图像。

因为我是 Javascript 的新手，所以我正在尝试下面的代码。

var customImageurl = "custom_Image/web.png";
var defaultImageurl = "";
    function loadGraphics(){
        document.getElementById("loadImage").src = defaultImageurl;
    }
loadGraphics();
<div id="loadImage"></div>

它不工作请帮助我。

提前致谢。

问候马哈德万

Answer 1

你的问题是 div 没有 src属性，在您的示例中，您有 <div id="loadImage"></div>

你的 defaultImageurl也是空的。

解决方案是使用 <img/>元素:

var customImageurl = "custom_Image/web.png";
var defaultImageurl = "";
function loadGraphics(){
    //v-- will not work! 
    document.getElementById("loadImage").src = defaultImageurl;
    //v-- will work given your example conditions
    document.getElementById("loadImage").src = customImageurl;
}
window.onload = function(){
    loadGraphics();
};
<div id="loadImage-wrap">
    <img id="loadImage" />
</div>