html - 图像不显示在 Node 元素的浏览器中

标签 html css node.js visual-studio-code

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

最佳答案

Headnote:在没有额外信息的情况下,这只是暗中试探。不过,我会尽我所能为您提供帮助。

在查看您的评论和问题后,您似乎在 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"> .

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

问自己这样的问题,以及

Is there any styling that could affect my image?

这个。

Is the filename the same in my src as it is in my image's directory?

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

请在您以后的问题中提供标记,以便更详细地回答您的问题。但是,在此示例中,它应该看起来像这样。

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

脚注:我想向您推荐learn how to ask great questionsstay on-topic问问题的时候。请refer to the help center如果您有疑问。

关于html - 图像不显示在 Node 元素的浏览器中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49468952/

相关文章:

php - 仅限桌面版的 Wordpress 特色图片

html - 强制桌面浏览器显示网站的移动版本

javascript - jQuery DataTables 单元格样式

javascript - 使用 angular.js 提交表单后添加数据

html - 如果我为每个标记设置 CSS,我可以使用自己的可选命名空间 HTML 标记吗?

node.js - AWS Lambda 不适用于 `async` ,仅适用于回调?

Node.JS/Passport - ServerResponse.OutgoingMessage.setHeader 处的错误 : Can't set headers after they are sent.

node.js - "How to get ' 父级到子级 ' relation with mongodb aggregation"

jquery - 使 Sprite 图像播放/暂停图标突出显示

javascript - 悬停父元素上的类更改跨度