使用php从文件夹中获取图像并使用javascript将其添加到html

假设我有一个名为“水果”的文件夹，在该文件夹中有三个名为“苹果”、“葡萄”和“香蕉”的文件夹，每个文件夹中都有一个水果的jpg（apple.jpg，等等）。在这种情况下，“水果”文件夹存储在服务器上：jackfruits.com/weirdfood/fruits/

我将如何创建一个具有特定格式的XML

<fruits>
    <fruit>apple</fruit>
    <fruit>grape</fruit>
    <fruit>banana</fruit>
</fruits>

苹果
葡萄
香蕉

抓取每一个JPG，然后用javascript请求这些信息并将其放入html？ 比如，如果我想将它们放在html中，这样生成的页面看起来像：

香蕉

香蕉图片

---

注意
getRequest未调用该函数。它应该是
getRequest（）

您可以使用
scandir（）
简化目录扫描

没有测试。当然，假设您确定自己的目录结构：jackfruits.com/weirdfood/fruits/x/x.jpg。如果有其他文件，则必须稍微更改代码；如果有更多级别，则必须使用递归遍历子目录

那么，当你

document.getElementById（“allfruit”）.innerHTML=xml.querySelector（“fruits”）.textContent

您将在
#allfuit
分区中显示xml代码。。。您必须解析它并生成html

…或仅从php返回html：

function outputXml($url) {
        $files = scandir($url);
        foreach($files as $file) {
            if($file!='.'&&$file!='..'&&is_dir($file)) {
                echo '<div>'.$fruit.'<br><img src="weirdfood/fruits/'.$fruit.'/'.$fruit.'.jpg"></div>';
            }
        }
    }

函数outputXml（$url）{
$files=scandir（$url）；
foreach（$files作为$file）{
如果（$file！='.&&$file！='..'&&is_dir（$file））{
回音“.$FROUT.”
；
}
}
}
注意
getRequest未调用该函数。它应该是
getRequest（）

您可以使用
scandir（）
简化目录扫描

没有测试。当然，假设您确定自己的目录结构：jackfruits.com/weirdfood/fruits/x/x.jpg。如果有其他文件，则必须稍微更改代码；如果有更多级别，则必须使用递归遍历子目录

那么，当你

document.getElementById（“allfruit”）.innerHTML=xml.querySelector（“fruits”）.textContent

您将在
#allfuit
分区中显示xml代码。。。您必须解析它并生成html

…或仅从php返回html：

function outputXml($url) {
        $files = scandir($url);
        foreach($files as $file) {
            if($file!='.'&&$file!='..'&&is_dir($file)) {
                echo '<div>'.$fruit.'<br><img src="weirdfood/fruits/'.$fruit.'/'.$fruit.'.jpg"></div>';
            }
        }
    }

函数outputXml（$url）{
$files=scandir（$url）；
foreach（$files作为$file）{
如果（$file！='.&&$file！='..'&&is_dir（$file））{
回音“.$FROUT.”
；
}
}
}
你能发布到目前为止你有什么吗？@Mike我编辑了它。这就是我到目前为止所拥有的一切，我不知道它到底有多好，因为我无法正确生成XML文件，也无法检索JPG。你能发布你到目前为止所拥有的吗？@Mike我编辑了它。这就是我到目前为止所拥有的一切，我不知道它到底有多好，因为我无法正确地生成XML文件，也无法检索JPG
function outputXml($url) {
        $files = scandir($url);
        foreach($files as $file) {
            if($file!='.'&&$file!='..'&&is_dir($file)) {
                echo '<div>'.$fruit.'<br><img src="weirdfood/fruits/'.$fruit.'/'.$fruit.'.jpg"></div>';
            }
        }
    }