无论任何参考链接类型，Html 中的 Img Src 标记都不起作用答案

【问题标题】：Img Src tag in Html not Working regardless any reference link type无论任何参考链接类型，Html 中的 Img Src 标记都不起作用
【发布时间】：2018-03-19 15:45:22
【问题描述】：

我正在编辑一个 HTML 页面并且在替换图像时遇到了一些问题。它没有显示任何内容。
然后我尝试制作一个简单的 HTML 程序来测试

<html>
<head>
<title>
</title>
</head>
<body>

<img src="/images/Kanhaji.jpg" alt="HTML5 Icon" width="128" height="128" />


</body>
</html>

但它仍然不起作用。我尝试了一切，包括但不限于
1. 在我的页面所在的同一目录中提供本地链接。
2.创建一个子目录并给出它的链接。（如上图）
3. 给出完整路径
4.使用<image src="./Kanhaji.jpeg" />（正确的参考方法./../等）
5. 使用在线链接<image src="https://I_cannot_remember_the_url_exactly />
6. 硬刷新页面 ctrl + f5 以防浏览器以某种方式使用缓存的内容。
但似乎没有任何效果只有一个框，应该出现图像，并出现一个损坏的图像图标。
<img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
上面的代码工作正常

看完之后，我试着
7.删除文件扩展名，如果它以某种方式影响但也没有帮助

谁能帮我解决这个问题。

【问题讨论】：

代码没问题。我们不知道图像的位置以及名称是否正确。我们无法为您提供更多帮助。
这发生在多个浏览器中？你检查控制台是否有错误？禁用所有插件/插件/扩展？
它只有一个与文档声明有关的错误.... HTML 文档的字符编码未声明。如果文档包含 US-ASCII 范围之外的字符，则文档将在某些浏览器配置中呈现乱码。页面的字符编码必须在文档或传输协议中声明。
@panther 我没有启用任何插件/插件/扩展。甚至没有任何广告拦截

标签： html image tags

【解决方案1】：

在浏览器中打开您的图像，如果您在 localhost 中进行测试，您可以在地址栏中看到真实路径...并告诉我们您的路径以帮助您。

【讨论】：

好的，我的浏览器可能有问题.. 在这种情况下它没有显示图像right click> open with> firefox 显示相同的错误图像
您可以尝试将图片拖到浏览器标签页或空白页中。

【解决方案2】：

上面的html结构应该没问题。我建议检查以下内容：

服务器是否更改了您的代码并替换了 html 中图片的 URL。
图像本身是否位于服务器上可公开访问的文件夹中？如果您只是在浏览器的地址栏中输入图片的完整 URL，会发生什么情况？
确认文件名与“src”标签中的文件名相同。我拼错文件名的次数比我想承认的要多（第一个大写字母与所有小写字母）。
检查文件类型。即使扩展程序显示“jpg”，它也可能具有不同的格式，并且某些浏览器可能无法识别它。

无论如何，如果您能提供您网站的网址，那将会很有帮助。

【讨论】：

【解决方案3】：

你不见了。 /图像之前。它指向保存图像的子文件夹。

<img> src="./images/Kanhaji.jpg" alt="HTML5 Icon" width="128" height="128"/>

【讨论】：

第 4 点：我尝试了所有方法，包括正确的参考方法，即我已经尝试过您的解决方案，但没有奏效

【解决方案4】：

好吧，伙计们，我认为我的浏览器有问题..当我尝试 this 回答时......它也无法直接打开......我重新安装了 Firefox，它现在可以工作了..但无法找到问题原因

【讨论】：