使用javascript和php动态调用图像

我是Javascript新手，我已经创建了下面的代码，它工作得很好，一点问题都没有，但是我想知道，我想知道什么是我想从mysql数据库中使用php和Javascript动态地提取图像。下面我如何重构我的代码。提前感谢您的贡献

var myimage = document.getelementById("mainImage");
var imageArray =["images/overlook.jpg","images/garden.jpg","images/park.jpg"];

var imageIndex =0;

function changeimage(){
      myimage.setAttribute("src",imageArray[imageIndex]);
      imageIndex++;
      if(imageIndex >= imageArray.length){
      imageIndex = 0;
}

setInterval(changeimage, 5000);

两种选择：

创建页面时使用PHP，在页面中放置一个图像数组，并使用页面级javascript在其中循环

在页面中使用Ajax，从页面调用服务器以获取下一个图像，然后使用客户端javascript使返回的图像在页面上可见

---

几种选择之一

在数据库中查询包含图像URL的列

$query = mysql_query("SELECT url FROM images");

然后像这样从中获取数组：

$images = array();
while($row = mysql_fetch_array($query)){
    $images[] = $row['url'];
}

然后生成以下字符串（在提供的Javascript中使用）：

使用从数据库检索到的数组。如果您不想在容易出错的字符串构建中乱来，可以在PHP中使用

json\u encode

$imagesAsJsonArray = json_encode($images);  

附和它。完成了

---

不是最优雅的解决方案。但它给了你一些可以玩的东西。在线查看一些PHP教程，您很快就会了解其中的诀窍。

您是否将图像作为blob存储在数据库中？我只是像往常一样将其存储为varchar url地址。blobscan是什么？你给我举个例子，如果你不介意更好地理解你的想法的话saying@SalimAlmughairi-这听起来是个很基本的问题。由于我不知道您在客户机上使用的是什么工具集，我建议您阅读ajax，这是客户机在停留在同一网页上时如何调用服务器的。然后，在您熟悉了一点技术之后，您可以问一个更具体的问题。网络上有数十万篇关于ajax的文章。谢谢，但这听起来很基本，因为我还是javascript新手。你的男朋友非常感谢你的时间，这给了我一个很好的想法，但还有一件事我要在php代码中添加标记，将数组从php分配到JavascriptYes数组。你可以这样做<代码>var imageArray=

$imagesAsJsonArray = json_encode($images);