【问题标题】:JPG file not loading in webpageJPG文件未加载到网页中
【发布时间】:2011-05-23 00:08:34
【问题描述】:

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

<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 查看它也存在同样的问题)

【问题讨论】:

  • 你能把我们链接到这个页面吗?直接调试比较容易。
  • 你上传了其他图片吗?我知道,这可能是一个愚蠢的问题,但你永远不知道......
  • 我遇到了类似的问题,但它只影响 IE 中的 jpgs。这里记录了一些解决问题的尝试:doctype.com/internet-explorer-jpg-problem
  • 也可以尝试 Ctrl-Shift+Reload 几次来强制清除缓存。你永远不知道。
  • 是的 - 所有文件都在我的本地目录“images”中。抱歉 - 我目前无法将其上传到任何地方。

标签: html image web jpeg broken-links


【解决方案1】:

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

【讨论】:

    【解决方案2】:

    所有图片都在同一个目录吗?

    将所有文件名设为小写,这样您就知道这不是问题。

    仔细检查扩展名,“jpg or jpeg or JPG or JPEG”

    回归基础&lt;img src="images/filename.jpg" /&gt;

    【讨论】:

    • 是的 - 它们都在同一个目录中。 也有同样的问题
    • 你的索引是根目录下的images目录吗?
    • 是的 - 我可以从中读取一个文件,这就是为什么我确定我正确引用了该目录。
    【解决方案3】:

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

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

    【讨论】:

    • 我刚刚测试过这个; Firefox、Safari 和 Chrome 都不显示图像。
    • 是的 - 我很感激这个建议!
    【解决方案4】:
    1. 尝试命名其他一个 圣弗兰.jpg。走着瞧吧。 可能会给你一个线索。

    2. 在 Windows 资源管理器中打开它们, 确认图像本身加载 正常且没有损坏。

    3. 检查所有都在 /images/

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

    5. 对工作的做同样的事情。 比较一下,看看有没有区别。

    6. 将所有内容更改为小写,只需 万一(借口双关)

    7. 按 ctrl+shift+reload 几次, 和 F5 几次。

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

    9. 将其复制到其他位置并 尝试在那里加载它们。理想情况下 不同的电脑。

    10. 上传到某处看看有没有 在线时在您的浏览器中运行

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

    【讨论】:

    • 谢谢马克,我尝试了这些建议中的大部分——正如我在上游提到的那样,问题出在 Aptana 工作室——不知道如何解决。
    【解决方案5】:

    在 Photoshop 中打开图像并以 RGB 颜色格式重新保存(以防万一它是 CMYK)。一些旧版浏览器中的已知问题,不确定何时或是否会消失。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-02-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-04-09
      • 2019-09-19
      相关资源
      最近更新 更多