Noobie在这里，如果您觉得这个问题很愚蠢，请道歉，
我创建了一个带有 8 个默认图像的记忆游戏。现在我想访问图像目录以获取游戏的随机图像。游戏的主要逻辑是使用 Javascript 和 PHP 编写的。现在我创建了一个新的 php 文件（random.php）来从目录中获取随机图像
我用来从目录中检索随机图像的代码:(random.php)
<?php $dire="Annotated Dataset/";
$images = glob($dire. '*.{jpg,jpeg}', GLOB_BRACE);
shuffle($images);
$images=array_slice($images, 0, 8);
foreach ($images as $key) {
// code...
$randomImage = array_pop($images);
?>
<input type="image" src="<?=$randomImage;?>" alt="<?=$randomImage;?>" />
<?php }?>
游戏的php代码（game.php）：
<?php session_start();?>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="game.css">
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Javascript Memory Game</title>
</head>
<body>
<center><h4><div> Time :<span id ="timer"></span></div></h4></center>
<main>
<button data-turnable="true" data-number="0" id="1">
<img src="resources/logo.png" alt="card back" />
</button>
<button data-turnable="true" data-number="0" id="2">
<img src="resources/logo.png" alt="card back" />
</button>
<button data-turnable="true" data-number="0" id="3">
<img src="resources/logo.png" alt="card back" />
</button>
<button data-turnable="true" data-number="0" id="4">
<img src="resources/logo.png" alt="card back" />
</button>
<button data-turnable="true" data-number="0" id="5">
<img src="resources/logo.png" alt="card back" />
</button>
<button data-turnable="true" data-number="0" id="6">
<img src="resources/logo.png" alt="card back" />
</button>
<button data-turnable="true" data-number="0" id="7">
<img src="resources/logo.png" alt="card back" />
</button>
我想使用 PHP 文件中随机生成的图片，并在 Javascript 文件的 switch case 中使用它。所以这将是 8 个随机图像。图片目录有100多张图片。
我想知道如何解决这个问题，或者是否有其他选择。我没有太多编程经验，所以如果你能帮助我解决这个问题，将会很有帮助。
慕田峪7331174
FFIVE