时间戳

首页 > 解决方案 > 使用“使用实时服务器打开”调试网页时无法加载图片和音频

html - 使用“使用实时服务器打开”调试网页时无法加载图片和音频

问题描述

当我使用vscode给HTML文件添加音频和图片时，我使用“open with live server”进行调试，但是每次都没有加载图片和音频。但是我退出vscode，直接用浏览器打开，就可以正常加载图片和音频了。不知道是什么原因，是不是vscode有问题？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="referrer" content="no-referrer" />
    <title>Document</title>
</head>
<body>
   
    <img src="F:\LABORATORY\HMpy\images\me1.png">
    <audio src="F:\BaiduNetdiskDownload\women.mp3" controls ></audio>
    
</body>
</html>

标签： html

解决方案

请将您的音频和图像放在您的html文件旁边并使用相对路径。像这样：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="referrer" content="no-referrer" />
    <title>Document</title>
</head>
<body>
   
    <img src=".\me1.png">
    <audio src=".\women.mp3" controls ></audio>
    
</body>
</html>

推荐阅读