☰

HTML 未在我的系统中的任何浏览器中加载本地图像

tag-icon • tag-icon filesystems webserver images html
HTML 未在我的系统中的任何浏览器中加载本地图像

问题

在我运行 Arch linux 的主桌面系统中，当我创建一个带有标签和图像的 HTML 文件时，如下所示：

<img src="imagepath" alt="sometext">

该图像不会出现在任何浏览器中。图像路径设置正确，已经尝试过相对、绝对和 file:// 路径，但它们都不起作用。

最奇怪的事

让我困扰的是，如果我在运行 Linux mint 20 的笔记本电脑上采取相同的步骤，一切都会正常工作，所以这里的问题不仅仅是我愚蠢。

我还安装了 Debian VM 进行测试，也没有出现任何问题。

我尝试过的事情：

  • 以 NoScript 形式禁用扩展
  • 尝试图像路径的所有不同组合。
  • 尝试不同的网络浏览器（如 Firefox 和 chromium 等）。
  • 使用 Visual Studio Code 的五个 Live 服务器来测试服务器。
  • 使用 NGINX 托管这两个文件。
  • 玩弄图像的权限

以前有人听过这样的事情吗？

如果有人能够提供帮助，那就意义重大。

我的完整代码是：

<!DOCTYPE html>
<html>

    <head><!--{{{-->
            <meta name="viewport" content="width=device-width">
            <title>Vieml</title>
    </head><!-- }}} -->

    <body>
        <h1>My first webpage</h1>
        <p>this is sample text</p>

        <img scr="BR.jpg" alt="image"/>

    </body>

</html>

并且目录结构是：

~/code/website ❯ tree
.
├── BR.jpg
├── index.html
└── test.html

祝你今天过得愉快！

答案1

我花了一段时间才注意到这一点，但问题是我还没有完成在 Arch 中的 VIM 设置，但我在 Debian 上确实有更好的设置。我的 Debian 机器上有一个文件 linter，而我的较新的 arch 机器上没有。

问题就像@Kusalananda 评论的那样，我拼写错误src，scr当我将文件移入 Debian 时，它自动为我进行了 lint 并修复，这让我很困惑为什么它在 Debian 中有效而在 Arch 中无效。

不管怎样，感谢大家回复我的愚蠢帖子。

祝你日子愉快！

相关内容