JavaScript或PHP:列出HTML5中文件夹中的所有mp3文件

JavaScript或PHP:列出HTML5中文件夹中的所有mp3文件,javascript,php,html,Javascript,Php,Html,我正在尝试让java脚本或PHP代码将所有mp3文件读取到我的网站,以便它们可以在浏览器中播放。 目前,我必须对每个文件进行单独编程,这需要很长时间,因此我正试图找到一种方法,使我的代码能够从文件夹中读取所有mp3文件。这是我迄今为止的一个例子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title>

我正在尝试让java脚本或PHP代码将所有mp3文件读取到我的网站,以便它们可以在浏览器中播放。 目前,我必须对每个文件进行单独编程,这需要很长时间,因此我正试图找到一种方法,使我的代码能够从文件夹中读取所有mp3文件。这是我迄今为止的一个例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
</head>
<body>
    audio 1
    <audio controls>
        <source src="audio1.mp3" type="audio/mpeg">
    </audio>

    audio 2
    <audio controls>
        <source src="audio2.mp3" type="audio/mpeg">
    </audio>
</body>

试验
音频1
音频2


谢谢你的帮助

要做到这一点,需要PHP,请看

来自PHP文档:

    $handle = opendir('/path/to/files')

    /* This is the correct way to loop over the directory. */
    while (false !== ($entry = readdir($handle))) {
        //Do something with $entry
    }


    closedir($handle);
更简单的方法是使用:


它还过滤掉非mp3文件

已经投票认为这个问题过于宽泛,但也很快找到了一个副本:它本身链接到其他副本。一般来说,你应该从谷歌开始。你不太可能是第一个想用PHP列出目录中文件的人。谢谢,我使用了一段与你链接的代码类似的代码,在回音部分,我使用了与我的原始帖子相同的格式,在浏览器中,它显示了正确的文件数和音频框,但每个文件的长度为0秒,是否可能是“$entry”使用错误,如果是,将如何修复?可能文件的路径不正确,相对于您的mp3文件,页面位于何处?它列出的文件是/index.php,文件位于/mp3\u files/当我在echo中键入$entry时,它只会在浏览器中显示
$entry
(不是实际名称),并在itAh旁边的音频框中显示您的错误,
$entry
不会在字符串中计算,因为它是一个简单的带引号的字符串,应该是一个双引号的字符串,请参阅。你应该写
echo'
foreach(glob('path/to/file/*.mp3') as $entry)
  //Do something with $entry