如何将PHP回声返回到HTML音频src

时间:2019-03-16 05:18:51

标签: php html ajax

如何返回PHP文件输出的值?我在源代码中尝试了几种不同的方法(例如PHP),但无法获得有效的回报。

PHP

<?php

$f_contents = file("/var/www/html/scripts/songs.index");
$line = $f_contents[array_rand($f_contents)];
$data = $line;

/** print the contents of the names array */
echo($data);

?>

PHP文件示例返回:

/var/www/html/uploads/Music/My_Life_NF_Perception_2017.mp3

HTML

<html>
<head>
<?php include "radio.php" ?>
</head>

<audio controls>
<source src="<?php echo $data; ?>"  type="audio/mp3">
</audio><br />
</html>

2 个答案:

答案 0 :(得分:0)

好吧,我知道了。

我不得不将HTML更改为:

<audio controls>
        <source id="source" src="" type="audio/mp3">
        Your browser does not support the audio element.
    </audio>

    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
        $.ajax({
            url: 'test.php',
            data: { attr1: 'value1' },
            success: function( data ) {
                console.log(data);
                $('audio #source').attr('src', data);
                $('audio').get(0).load();
                $('audio').get(0).play();
            }
        });
    </script>

最后,我的索引文件也有问题。无需从根目录指向,而是需要从当前文件夹指向,所以我删除了前几个目录,现在看起来像这样:

/uploads/Music/My_Life_NF_Perception_2017.mp3

答案 1 :(得分:0)

尝试

explode("/",$data);

获取上传后的内容/音乐/My_Life_NF_Perception_2017.mp3