如何在html5中检查音频文件是否存在

时间:2016-08-02 12:04:06

标签: javascript jquery html css html5

<audio controls>

  <source src="test.mp3" type="audio/mpeg">

</audio>

我只想在音频文件存在的情况下显示音频标签。请帮我解决这个问题

2 个答案:

答案 0 :(得分:1)

向您需要的音频文件发出ajax请求。如果文件存在,响应将通知您

$.ajax({
url:'test.mp3',
type:'HEAD',
error: function()
{
    //file does not exist
},
success: function()
{
    //file exists
}
});

答案 1 :(得分:1)

您需要检查文件是否存在

  <?php 
    if (file_exists('test.mp3')) {
    ?>
        <audio controls>
         <source src="test.mp3" type="audio/mpeg">
        </audio>
    <?php } ?>