javascript - Javascript 的实时服务器图像加载问题

Question

我创建了一个图像数组和一个在单击按钮时生成随机图像的函数。

当我使用实时服务器运行该功能时，会生成一些图像，但不会生成其他图像。

在 Chrome 中检查时，我收到消息“加载资源失败：服务器响应状态为 404（未找到）”。此消息适用于无法加载的每个图像。我已经记录了无法加载的 JPG 文件，并且在实时服务器上重新加载了一些无法加载的图像（它是一个随机函数），而之前加载的一些图像会产生 404 错误。阵列中的所有图像都检查正常。任何帮助，将不胜感激

function randomImages(){
    var rnd = Math.floor(Math.random()*myImages.length);
    if(rnd == 0){
        rnd = 1;
    }

    var image = document.createElement("img");
    image.src =myImages[rnd];
    
    var div = document.getElementById("flex-box-create");
    div.appendChild(image)
}

标签： javascriptarraysimagehttp-status-code-404liveserver