Question

我使用Visual Studio Code。我从互联网上下载了一张图片，之后我放入了我的Node项目目录。然后我更改了图像的名称，写了<img src = "file_2.jpeg">并打开了我的浏览器。我没有看到上面提到的图像。

Answer 1

标题：如果没有其他信息，这只是在黑暗中刺伤。但是，我会尽力帮助你。

在审核了您的评论和问题之后，您似乎在src属性周围有了不必要的空白。我不确定在撰写问题时这是否是意外，但如果没有，请将<img src = "file_2.jpeg">更改为<img src="file_2.jpeg">。

这让我想到了下一个可能性：文件路径是否正确？我需要知道您的项目根目录和文件路径，以便准确地告诉您要输入的内容，但是，请尝试将<img src="file_2.jpeg">更改为<img src="file:///project-root/path-to-file/file_2.jpeg">。

如果这些都没有解决您的问题，我不确定图像无法显示的任何其他原因。

问自己这样的问题和

是否有任何样式可能会影响我的形象？

此。

我的src中的文件名与我图片目录中的文件名相同吗？

还要确保检查代码，直到您完全确定没有明显的解决方案。

请在将来的问题中提供标记，以便更详细地回答您的问题。但是，在这个例子中，它看起来应该是这样的。

<!DOCTYPE html>
<html>
  <body>
    <img src="document-root/path-to-file/file_2.jpeg">
  </body>
</html>

脚注：我在向您提问时建议您learn how to ask great questions和stay on-topic。如果您有疑问，请refer to the help center。

Answer 2

如果我能看到你的文件路径，我会更容易提供帮助，但我可以试试。假设图像是'picture.png'，它在一个文件夹中调用'Folder'，文件名为'index.html'，在body标签中有这个代码：

<img src="picture.png" alt="awesome picture">

然后它应该工作。如果它在一个名为'SubFolder的子目录中，那么你可以为src执行：'SubFolder / picture.png'。多数民众赞成我能想到的。如果你告诉我你的文件路径，我可以提供更多帮助。代码看起来像这样吗？

<!DOCTYPE html>
<html>
<head>
<title>Title Here</title>
</head>
<body>
<img src="file_2.jpeg">
</body>
</html>

如果是这样，我找不到任何错误。

图像未在Node项目的浏览器中显示

2 个答案: