JPG文件未在网页中加载

Question

我有一个基本网页，使用以下代码引用四个图像文件：

<img src="/images/SanFran.jpg" name="urbanForm" alt="urbanFormA" width="150" height="100"/>

（我将SanFran.jpg更改为London.jpg，NewYork.jpg和Barcelona.jpg - 只需更换文件名）

然而，尽管4个jpeg非常相似（200 x 150像素）并使用类似的技术制作（在Picassa中裁剪图像），但只会加载其中一个文件（London.jpg）。其他三个给我一个破碎的链接消息。我已经检查过我没有多次拼错，也找不到问题。

有什么我没有考虑过吗？

（我在OSX上使用Aptana Studio并使用Safari作为预览器进行查看;如果我使用Firefox或Chrome查看它会出现同样的问题）

Answer 1

所有图像都在同一目录中吗？

将所有文件名设为小写，因此您知道这不是问题。

仔细检查扩展，“jpg或jpeg或JPG或JPEG”

将其恢复为基础<img src="images/filename.jpg" />

Answer 2

如果您知道文件存在，请确保文件名的大小写匹配（s与Linux上的S不同），然后确保.jpg是正确的扩展名而不是.jpeg。

Answer 3

可能是因为你的Jpeg被保存为CMYK而不是RGB。有关详细信息，请参阅此链接。但是这只会影响某些浏览器

http://www.plaveb.com/blog/cmyk-images-not-displayed-in-internet-explorer

Answer 4

1. 尝试命名其他人之一 SanFran.jpg。走着瞧吧。 可能会给你一个线索。

2. 在Windows资源管理器中打开它们，     确认图像本身加载     通常并且没有腐败。

3. 检查所有内容是否在/ images /

4. 右键点击损坏的链接 选择查看图像或复制图像 地点。看看它在哪里尝试 访问绝对是正确的 的地方。

5. 对工作的一样。     比较并查看是否有任何差异。

6. 将所有内容更改为小写，只是     以防万一（借口双关语）

7. 点击ctrl + shift +重载几次，     和F5几次。

8. 如果您知道如何，请手动清除缓存     或者有工具。

9. 将其复制到另一个loacation和     尝试加载它们。理想情况下     不同的电脑。

10. 将其上传到某处并查看是否可以      在线时可在浏览器中使用

希望其中一个可以帮助...

Answer 5

在Photoshop中打开图像并以RGB颜色格式重新保存（只需加入CMYK）。某些旧版浏览器中的已知问题，不确定何时或是否消失。