VS Code 中图像未显示

Answer 1

请注意，除了 Live Server 扩展之外，问题 2982“内联 HTML 结果”现在（2023 年 5 月）越来越受到关注，

xtermjs/xterm.js

问题 614取得了进展。

您可以看到应用程序的具体示例，使用 VSCode PR 182442（来自 issue 182443），它集成了

jerch/xterm-addon-image

：它支持 Sixel 和 iTerm 的内联图像协议（png、jpeg、gif [初始]框架]）。

这意味着您还可以直接从 VSCode 终端查看图片：

此功能可在 2023 年 5 月 VSCode 1.79 中使用（或 今天的 VSCode 内部人员）。
这是在 VSCode 1.80（2023 年 6 月）中最终确定的：PR 184449。

terminal.integrated.enableImages

在终端中启用图像支持。
Sixel 和 iTerm 的内联图像协议均在 Linux 和 macOS 上支持，当 ConPTY 通过序列时，Windows 支持将自动亮起。
目前，图像不会在窗口重新加载/重新连接之间恢复。

Answer 2

您必须使用从 html 文件到图像文件的相对路径或绝对路径，如下所示

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

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

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

Answer 3

也许img不在同一个文件夹中