网页:当我在本地运行时出现某些图像,但在互联网上显示时会消失

Web Page: Certain image appears when I run locally, but disappears when displayed on the internet

本文关键字:互联网 图像 显示 消失 运行时 网页      更新时间:2023-09-26

我正在制作一个简单的网页游戏,我正在使用许多不同的精灵。当我在本地浏览器中运行它时,所有图像都像它们应该的那样显示。但是,当我将我的项目ftp到服务器并通过互联网访问它时,其他十几个精灵中的两个没有出现。我不明白为什么会这样,或者为什么是那两个图像。在我的脚本中,源的所有路径名都相对于我的索引.html,所以我不明白为什么会是问题所在。有谁知道可能导致这种情况发生的原因是什么?

编辑:这是我对这些特定图像的一些代码

var ImageSources = [
"jseco_tiles/fish_tiles/crab.png",
"jseco_tiles/Sturgeon/Sturgeon.png",
]
var fishImage = new Image();
fishImage.src = ImgSources[0];
fishImage.addEventListener('load', drawTile);
var sturgeonImage = new Image();
sturgeonImage.src = ImgSources[1];
sturgeonImage.addEventListener('load', drawTile);

我实际上以这种方式创建了一堆图像(该数组要大得多),我知道这不是一个好主意,但无论如何,它都在本地工作。

好的,我发现了问题所在。我让我的应用程序绘制这些精灵的方式是仅在预加载了如此多的图像时才这样做。我想将其放在网上会导致图像加载与本地运行时不同?事后看来,这是一个非常愚蠢的想法,因为我只将它应用于那两张图像,所以我只是从我的绘图程序中删除了这个条件。因此,如果有人遇到类似的问题,您可能需要检查脚本如何处理图像加载。