Html 在节点项目的浏览器中未显示图像_Html_Css_Node.js_Visual Studio Code

Html 在节点项目的浏览器中未显示图像

html css node.js visual-studio-code

Html 在节点项目的浏览器中未显示图像,html,css,node.js,visual-studio-code,Html,Css,Node.js,Visual Studio Code,我使用visualstudio代码。我从互联网上下载了一个图像，然后我把它放在我的节点项目的目录中。然后我更改了图像的名称，编写了，并在浏览器中打开了它。我没有看到前面提到的图像。如果我能看到您的文件路径，我会更容易提供帮助，但我可以试试。假设图像是“picture.png”，它位于一个名为“folder”的文件夹中，其中有一个名为“index.html”的文件，该文件的主体标记中包含以下代码： <img src="picture.png" alt="awesome picture">

我使用visualstudio代码。我从互联网上下载了一个图像，然后我把它放在我的节点项目的目录中。然后我更改了图像的名称，编写了

，并在浏览器中打开了它。我没有看到前面提到的图像。

如果我能看到您的文件路径，我会更容易提供帮助，但我可以试试。假设图像是“picture.png”，它位于一个名为“folder”的文件夹中，其中有一个名为“index.html”的文件，该文件的主体标记中包含以下代码：

<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>


标题在这里

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

标题：如果没有其他信息，这只不过是暗中捅了一刀。不过，我会尽力帮助你

在查看您的评论和问题后，似乎在

src

属性周围有不必要的空格。我不确定这是否是在写问题时发生的意外，但如果不是，请将

更改为

这就引出了下一种可能性：文件路径正确吗？我需要知道您的项目根目录和文件路径，以便准确地告诉您要输入什么，但是，请尝试将

更改为

如果这两种方法都不能解决您的问题，我不确定图像无法显示的任何其他原因

问自己这样的问题，然后

是否有任何款式会影响我的形象

这个

我的

src

中的文件名是否与我的图像目录中的文件名相同

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

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

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

脚注：我想建议您和在提问时。如果您有疑问，请随时联系。

我理解，但我在浏览器中看不到图片它不起作用C:\Users\АМаааааааааааааааааааааа，-这是html文件-\client.htmlid中的一些代码。您是否尝试使用文件\u 2.jpeg？对不起，我写错了