无法显示HTML文件中的图像
我正在尝试使用HTML、JavaScript和CSS制作网页，但我的图像文件无法显示。我的img文件夹与html文件位于同一文件夹中。 我想显示未装饰的树，然后当用户单击按钮以显示其他图像时，它只显示图像alt消息无法显示HTML文件中的图像,html,image,display,Html,Image,Display,我正在尝试使用HTML、JavaScript和CSS制作网页，但我的图像文件无法显示。我的img文件夹与html文件位于同一文件夹中。 我想显示未装饰的树，然后当用户单击按钮以显示其他图像时，它只显示图像alt消息 <!DOCTYPE html> <html> <title> Christmas </title> <body> <h1>Lets decorate this c
<!DOCTYPE html>
<html>
<title>
Christmas
</title>
<body>
<h1>Lets decorate this chritmas tree!</h1>
<button onclick="document.getElementById('xmasTreeImage').src='decoratedtree.jpg'">Decorate the tree</button>
<img id="xmasTreeImage" alt="Can't display" src="undecoratedtree.jpg" style="width:100px">
<button onclick="document.getElementById('xmasTreeImage').src='undecoratedtree.jpg'">Take away the decorations</button>
</body>
</html>
圣诞节
让我们来装饰这棵圣诞树吧！
装饰这棵树
把装饰品拿走
<!DOCTYPE html>
<html>
<title>
Christmas
</title>
<body>
<h1>Lets decorate this chritmas tree!</h1>
<button onclick="document.getElementById('xmasTreeImage').src='C:\Users\Me\Documents\ChristmasWebProject/decoratedtree.jpg'">Decorate the tree</button>
<img id="xmasTreeImage" alt="Can't display" src="C:\Users\Me\Documents\ChristmasWebProject/undecoratedtree.jpg" style="width:100px">
<button onclick="document.getElementById('xmasTreeImage').src='C:\Users\Me\Documents\ChristmasWebProject/undecoratedtree.jpg'">Take away the decorations</button>
</body>
</html>
圣诞节
让我们来装饰这棵圣诞树吧！
装饰这棵树
把装饰品拿走
如果我添加到确切的目录中，它会显示图像，但肯定有更有效的方法来做到这一点吗？此外，当我单击按钮时，它不会显示任何内容。它只在我单击按钮之前显示图像。我可以通过在特定目录中键入来显示图像。有关代码，请参见我的问题编辑。我可以通过在特定目录中键入来显示图像。请参阅我的问题编辑以获取代码。这里您需要检查此图像路径。此加载程序是否正确？是的，它与HTML文件@caramba位于同一目录中。您可以打开并保存图像以供web使用吗？不经常发生，但请检查图像文件权限。或者将图像拖放到浏览器，然后尝试从HTML文件中的URL复制/粘贴路径。您已经设置了宽度，是否设置了高度？您可以将鼠标悬停在此图像链接上以签入inspect元素。然后，您需要右键单击并在新选项卡中打开此图像链接。通过此操作，您将了解路径是否正确。在此，您需要检查此图像路径。此加载程序是否正确？是的，它与HTML文件位于同一目录中@Caramba您可以为web打开并保存图像吗？不经常发生，但请检查图像文件权限。或者将图像拖放到浏览器，然后尝试从HTML文件中的URL复制/粘贴路径。您已经设置了宽度，您设置了高度吗？您可以将鼠标悬停在此图像链接上签入inspect元素。然后，您需要右键单击并在新选项卡中打开此图像链接。通过此链接，您将了解路径是否正确。