Apache 数据如何从Web服务器流向网页。

我正在创建一个新网站的过程中。我已经完成了生成网页的基本HTML/CSS/JQuery代码。该网站将显示图像。现在我的问题是图像应该存储在哪里以及如何检索它们。我做过研究，但我对建筑很熟悉

我的理解是HTML页面将向Apache这样的web服务器进行查询，并获取数据/图像并显示它？web服务器的功能是根据查询提供数据，对吗？jpeg图像等数据、它们的元数据、画廊和图像之间的链接将存储在哪里？在某处有另一层DB吗？该体系结构是HTMLApacheDB吗

---

或者我只是把我的图像放在数据库中，然后保存它们的数据。基本上把Apache从架构中去掉了？查询将只依赖于导航树中的当前阶段，而不依赖于用户特定的阶段

DB不需要使用图像。它的工作原理是：

HTML Apache图像

因为apache具有交付文件的能力

现在，有几种不同的工作方式。 例如，可以在带有图像头的php文件中动态加载图像。在这种情况下，该计划将是：

HTML Apache PHP图像

为此，只需将图像放在apache用户可以访问的文件夹中

例如，您可以在/var/www/sitename中具有以下结构：

index.html img/my_image.jpg 在index.html中

<img src="img/my_image.jpg" ... />

编辑以回答您的问题：

创建将生成json数组的php脚本，例如：

page.php

让我们猜猜你的html是什么

<a>link1</a>
<a>link2</a>
<img class="imgToChange" src="..."/>
<img class="imgToChange" src="..."/>
...

然后将此javascript函数添加到html中

function updateImages(clicked_link){
    // get the text of the link
    link_text = clicked_link.innerHTML;

    // send a request to page.php to get images's urls
    $.get( "path/to/page.php?link="+link_text, function( data ) {
     // data will be your json array
     images_links = data;

     // get a table of all images elements that can be changed
     var images = document.getElementsByClassName("imgToChange");

     // for each image in the json array
     for(var k=0; k<images_links.length; k++){
         images[k].src = images_links[k];
     }

    });
}

当点击一个链接时，你只需要调用这个函数

<a onclick="updateImages(this)">link1</a>
<a onclick="updateImages(this)">link2</a>
<img class="imgToChange" src="..."/>
<img class="imgToChange" src="..."/>
...

---

谢谢我会在这方面做更多的研究。如果你不介意回答的话，我确实有一个问题要问。apache如何知道要发送哪些图像？假设HTML有5个链接。用户单击链接1，HTML向apache发送参数为link1的请求。我希望apache服务器返回一个JSON数组，该数组将通过jquery转换网页。JSON将根据驻留在apache服务器上的表填充？查询我走对了吗？因此，包含图像条目和其他信息的表将驻留在Apache上？非常感谢！我将在AWS上设置我的Apache服务器，看看它是如何运行的！

<a onclick="updateImages(this)">link1</a>
<a onclick="updateImages(this)">link2</a>
<img class="imgToChange" src="..."/>
<img class="imgToChange" src="..."/>
...