Question

我正在编辑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.如果文件以某种方式影响但是也没有帮助，则删除文件的扩展名

任何人都可以帮我解决这个问题。

Answer 1

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

Answer 2

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

服务器是否更改了代码并替换了html中图像的URL。
图像本身是否可以公开访问服务器上的文件夹？如果您只需在浏览器的位置栏中输入完整的图片网址，会发生什么？
确认＆＃34; src＆＃34;中的文件名和文件名。标签是一样的。我错误拼写的文件名比我想承认的多（第一个大写字母与所有小小写字母）。
检查文件类型。即使扩展说＆＃34; jpg＆＃34;，它可能有不同的格式，有些浏览器可能无法识别它。

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

Answer 3

你错过了。在/ image之前。它会导致保存图像的子文件夹。

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

Answer 4

Okk的家伙我认为我的浏览器出现了问题..当我尝试this回答...它也无法直接打开..我重新安装了Firefox及其现在正在工作..但是无法使用找到问题的原因

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

4 个答案: