图像文件未正确加载

Question

使用 Javascript Canvas 和 HTML5

我已经以相同的方式加载了大约 100 个背景，但是这个特定的背景，即使它具有正确的名称（没有空格）以及与其他背景相同的代码，由于某种原因拒绝在游戏中加载，这令人沮丧.

失败的代码：

    document.getElementById('currentBackground').src = "assets/visual/ROOM_102/ROOM_102_16_C.png";

类似的有效代码：

    document.getElementById('currentBackground').src = "assets/visual/ROOM_102/ROOM_102_16_B.png";

在目录中：

    ROOM_102_16_A.png
    ROOM_102_16_B.png
    ROOM_102_16_C.png
    ROOM_102_16_D.png

camera_16的所有代码：

    if (this.currentCamera.innerText === 'ROOM_102_16') {
        if (document.getElementById('sprayPurchased').innerText === 'FALSE') {
            document.getElementById('currentBackground').src = "assets/visual/ROOM_102/ROOM_102_16_A.png";
        } 
        else if (document.getElementById('sprayPurchased').innerText === 'TRUE' &&
            document.getElementById('mysteryPurchased').innerText === 'FALSE') {
            document.getElementById('currentBackground').src = "assets/visual/ROOM_102/ROOM_102_16_B.png";
        } 
        else if (document.getElementById('mysteryPurchased').innerText === 'TRUE' &&
            document.getElementById("sequence1").innerText === 'INCOMPLETE') {
            document.getElementById('currentBackground').src = "assets/visual/ROOM_102/ROOM_102_16_C.png";
        } 
        else if (document.getElementById("sequence1").innerText === 'COMPLETE') {
            document.getElementById('currentBackground').src = "assets/visual/ROOM_102/ROOM_102_16_D.png";
        }
    }

在index.html中：

<img id="currentBackground">

当我将名称从 ROOM_102_07.png 更改为 ROOM_102_07_A.png 时，camera_07 也遇到了类似的问题；通过插入一个空白换行符，camera_07 的背景 png 再次开始工作 shrugs 但camera_16 却没有这样的运气

Answer 1

通过退出 NetBeans IDE 并重新启动该问题已得到解决。现在背景已正确加载。