Question

我使用以下简单的HTML：

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <body>
            <img src="loading.gif" alt="MISSING GIF"> 
            <img src="j.JPG" alt="MISSING JPG">              
    </body>
    </html>

loading.gif和j.jpg与html文件位于同一目录中。 <{1}}显示正常，即8，但loading.gif未加载。

当我使用firefix时，两个图像都能正确显示。

请帮忙

Answer 1

检查文件系统中JPG文件扩展名是否为大写。我怀疑它是小写的。另外一定要关闭图片标签。

<img src="j.jpg" alt="MISSING JPG"/>

Answer 2

<img src="loading.gif" alt="MISSING GIF">

就像这样

<img id="ImgEmployee" src="Photos/loading.gif" alt="MISSING GIF" />

Answer 3

我有同样的问题，我发现在使用wordpress时你应该使用这个代码来存储图像：

<img src="<?php bloginfo('template_directory'); ?>/images/example.jpg" alt = "example">

Answer 4

小写扩展名，并关闭img标记，你正在使用XHTML 1.0 Strict！

<img src="loading.gif" alt="MISSING GIF" />  
<img src="j.jpg" alt="MISSING JPG" />

编辑：也许你遇到了一个IE8错误... +1问题：）

让我们尝试这样：使用页面真的是XHTML 1.0 Strict compliance，

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head>
      <title>hi!</title>
   </head>
   <body>
      <div>
         j.JPG : <img src="j.JPG" alt="MISSING JPG" /> 
                 (upper case) <br/>
         j.jPG : <img src="j.jPG" alt="MISSING JPG" /> 
                 (first lower case, others upper case <br/>
         j.jpg : <img src="j.jpg" alt="MISSING JPG" /> 
                 (lower case) <br/> 
      </div>
   </body>
</html>

创建该文件的两个副本，因此您将拥有上面列出的三个文件。然后在IE8中运行该页面并告诉我们哪一个正在工作......

Answer 5

IE9 / 10也破了吗？

此外，如果您在上面发布的代码正是您文件中的代码，那么您在doctype声明之前就会出现错误的字符（`）。

当你的HTML出错时，Internet Explorer会中断，像Firefox这样的浏览器会更宽松，并尝试为你解决问题。

Answer 6

我认为这是因为特定的图像。检查您是否有权使用这些文件。我也有同样的问题。我有两个操作系统（Ubuntu和Windows）运行，我使用的图像来自Windows本地磁盘。在我解决了这个权限问题之后，它起了作用。

Answer 7

最近我在使用WAMP服务器的Web项目中工作。我将我的网站放在 c:/wamp/www/my_site 文件夹下，并在页面上引用该文件夹中的图像。图像没有显示。我在desktop ... bingo引用了另一张图片，它有效。我认为它的许可事项 ... ：）

Answer 8

img文件最初是在另一个扩展名中吗？如果是，请恢复原始扩展名。

我在我的Windows PC上以.png格式截取屏幕截图。我将扩展名更改为.jpg（认为它的工作方式与我的Mac相同）。 IE不喜欢它，但Firefox很好用。

<img src="1.jpg" />

我将扩展程序更改回.png，并且在两种浏览器中都能正常运行。

<img src="1.png" />

Answer 9

您是否检查标题中是否存在某些差异？有时由于某些GET请求标头更改为以下内容而发生这种情况：{https：www.xyz.com/？id = blah-blah}。现在，由于目录中不存在此类文件，因此img标签仍然毫无用处，因为它实际上必须在何处查找资源。您需要再次将发送标头更改为同一页面，以便这次没有GET请求连接到该地址。花了我很长时间才弄清楚。

HTML <img/>标记无效

9 个答案: