Question

我正在学校完成一项任务，我的老师和我都很难过。我在处理过程中创建了一个基于时间的状态机，并使该代码在javascript中运行。但是，我只是继续加载......＃34;我运行代码时的屏幕。看起来（从查看开发人员工具）服务器无法读取我的图像文件。有什么想法/建议吗？

Developer Errors＆amp; Images found in Code

var iOne;
var iTwo;
var iThree;
var iFour;
var iFive;
var iSix;

var counter=30;
var state=0;

function preload(){
    iOne=loadImage("wall.jpg");
    iTwo=loadImage("screen.jpg");
    iThree=loadImage("mist1.jpg");
    iFour=loadImage("mist2.jpg");
    iFive=loadImage("mist3.jpg");
    iSix=loadImage("mist4.jpg");
}

function setup(){
    createCanvas(600,398);
}

function draw(){
    counter=counter-1;
    if(counter<0){
        state=state+1;
        if(state>14){
            state=0;
        }
        counter=30;
    }
    switch(state){
        case 0:
            image(iOne,0,0);
            break;

        case 1:
            image(iOne,0,0);
            break;

        case 2:
            image(iTwo,0,0);
            break;

        case 3:
            image(iThree,0,0);
            break;

        case 4:
            image(iTwo,0,0);
            break;

        case 5:
            image(iFour,0,0);
            break;

        case 6:
            image(iTwo,0,0);
            break;

        case 7:
            image(iFive,0,0);
            break;

        case 8:
            image(iTwo,0,0);
            break;

        case 9:
            image(iOne,0,0);
            break;

        case 10:
            image(iTwo,0,0);
            break;

        case 11:
            image(iOne,0,0);
            break;

        case 12:
            image(iTwo,0,0);
            break;

        case 13:
            image(iSix,0,0);
            break;

        case 14:
            image(iTwo,0,0);
            break;
    }
}

Answer 1

您似乎正在使用＆＃34;运行＆＃34;访问您的网站。 IDE上的按钮。如果您这样做，很容易发现错误：

由于您只使用JS和HTML，因此您不需要Web服务器，因此请将您的项目文件夹粘贴到桌面上。
打开主要的HTML，即运行JS的那个。
现在，如果错误仍然存在，您将看到相同的404，但路径更加友好。这样做的好处是，现在，您确切地想搜索图像。
调整正确的路径

Javascript无法读取图片

1 个答案: