css vs代码中未显示图像

z5btuh9x  于 2023-06-07  发布在  其他
关注(0)|答案(2)|浏览(299)

我使用VS Code和Live Server扩展,我试图将图像与<img>标签放在同一个文件夹中,并命名为coin.png,我试图键入<img src="coin.png>",但这是我在浏览器中得到的here,我试图查看浏览器的控制台,我得到了这个消息coin.png:1 Failed to load resource: the server responded with a status of 404 (Not Found),奇怪的是,它与任何其他IDE一起工作,为什么会发生这种情况,如何解决它?

s6fujrry

s6fujrry1#

你必须使用相对路径或绝对路径从你的html文件到你的图像文件像这样

<img src="./coin.png" />

如果您的图像文件与html文件位于同一位置,或者

<img src="[path to your image file]/coin.png" />
cngwdvgl

cngwdvgl2#

请注意,除了Live Server扩展之外,issue 2982 "inline HTML results"现在(2023年5月)正在获得关注,因为xtermjs/xterm.js issues 614正在取得进展。
你可以看到一个具体的例子与应用程序与VSCode PR 182442(从issue 182443)集成jerch/xterm-addon-image:它支持sixel和iTerm的内联图像协议(png,jpeg,gif [初始帧])。
这意味着您也可以直接从VSCode终端查看图片:

VSCode 1.79 May 2023(或VSCode insiders today

相关问题