Question

在这里，Noobie，很抱歉这个问题很愚蠢，

我已经开发了具有一组默认图像的图像匹配游戏，现在我想从该游戏的目录中访问随机图像。游戏逻辑是用Javascript完成的。我用php从目录中随机获取了8张图像，代码如下。

random.php：

function getRandomImage() {
    $dire="Annotated Dataset/";
    $images = glob($dire. '*.{jpg,jpeg}', GLOB_BRACE);
    shuffle($images);
    $imgarray= array_slice($images,1,8);
    echo json_encode($imgarray);
}
die(json_encode(getRandomImage()));

上面显示的是8张图片的文件名，但是我想在条件内的以下Javascript文件中显示这8张图片

game.js：

function getgImage(number) {
    var ranarray= "<?php echo json_encode($imgarray)?>";
    if(number=='1'){
        return '<img src="'+ranarray[1]+'">';
    }else if(number == '2'){
        return '<img src="'+ranarray[2]+'">';
    }else if(number == '3'){
        return '<img src="'+ranarray[3]+'">';
    }else if(number == '4'){
        return '<img src="'+ranarray[4]+'">';
    }else if(number == '5'){
        return '<img src="'+ranarray[5]+'">';
    }else if(number == '6'){
        return '<img src="'+ranarray[6]+'">';
    }else if(number == '7'){
        return '<img src="'+ranarray[7]+'">';
    }else if(number == '8'){
        return '<img src="'+ranarray[8]+'">';
    }else{
        return '<img src="resources/logo.png">';
    }
}

以上代码我试图从php文件（random.php）中的数组中获取图像，但我无法显示图像。有人可以提供有关如何进行的解决方案。我希望将来自php的图像array [1至8]设置为If条件，以使来自数组的每个图像都位于单独的if条件中。请帮助我解决这个问题。

Answer 1

编辑：看看DubZ的评论文章，这是一个很好的线索。：-）

从外观上，您仅返回图像名称：

<img src="'+ranarray[2]+'">

这将产生HTML：

<img src="someimage.jpg">

检查您的HTML，以查看其中列出了图像。

解决方案：

提供完整的URL。例如：

<img src="http://www.yourgame.com/images/someimage.jpg">

如何将图像的PHP数组发送到Javascript数组并显示它们

1 个答案: