Firefox 不显示来自本地文件路径的图像答案

【问题标题】：Firefox doesn't show images from a local file pathFirefox 不显示来自本地文件路径的图像
【发布时间】：2013-06-14 04:16:36
【问题描述】：

我在 html 中使用了<img> 标记来显示图像。该图像在 Internet Explorer 10 中显示，但在 mozilla、chrome 中不可见。有人能告诉我原因吗？

    <img src="file:///d:/maruthi.jpg" style="width: 150px; height: 140px;" alt="Photo">

【问题讨论】：

标签： html

【解决方案1】：

出于安全原因，Chrome 默认会停止从 http:// 页面访问本地 file:// 链接。

【讨论】：

【解决方案2】：

出于安全原因，Chrome 和 Firefox 默认不允许使用

file://，但 this answer 向您展示了如何更改这些设置。真的，你应该设置一个轻量级的本地服务器。

【讨论】：

【解决方案3】：

<img> 标签是所有浏览器的标准标签（Lyx 等基于文本的浏览器除外）。这应该可行，但是鉴于它是本地路径，您可能是在无法访问该路径的不同环境中对其进行测试？

查看file URI scheme 上的此维基百科页面，它还会强调某些浏览器出于安全原因会限制对本地文件的访问。

【讨论】：

【解决方案4】：

OP 问题的原始标题没有误导性 - 它完全有效。但是，他们没有说明他们使用的是Windows 还是Linux。 Windows 和 Windows 程序（如它们起源的 DOS）在文件名中使用大写或小写完全不加区别。

两种可能性考虑：

Linux 完全区分大小写，包括文件名的使用。 Yourfile.JPG 不被识别为与 Yourfile.jpg 相同！我最近从 Windows 迁移到 Linux，并在 Firefox 中遇到了完全相同的问题。它在 Internet 上的站点中显示图像，但不是完全有效的本地 HTML 和 CSS 标记。后来，我注意到我一直使用的Windows image-editing program 保存了所有带有大写.JPG 或.PNG 扩展名的图像。我之前手动重命名的一些具有小写扩展名 - 这些 DID 正常显示！这些文件的 Linux“属性”将它们正确识别为 JPEG 文件，而那些带有大写扩展名的文件则简单地识别为 IMAGE。此外，我的标记引用了所有带有小写扩展名的图像（专业用途）。当不显示的图片文件扩展名改为小写时，它们都可以正确显示。
如果 Steve 仍在使用 Windows，Internet Explorer 可能出于与上述相同的原因显示本地图像。不过，Firefox 使用不同的引擎 (Mozilla)，并且由于是开源的，因此在文件名的大小写敏感性方面可能更加严格。但是，我无法检查这一点。也许其他人可以测试。

【讨论】：

抱歉 - 忘了提一下，如果 Steve 仍在使用标签并在他的 HTML 标记中包含 CSS 样式引用，他应该考虑将所有详细样式引用移动到外部样式表。这些可以在 HTML 标记中简单地引用为 id='YourName' 或 class='YourName'。生成的标记明显更干净
您可以随时编辑您的问题，而不是写评论。
使用外部样式表的实际原因是更改给定属性的单个外部样式声明比在多个 HTML 页面上更改相同样式要简单得多！此外，当加载包含一批样式声明的外部页面时，它会保留在内存中以供会话使用，因此使用相同样式的后续 HTML 页面加载速度更快！（这与手头的问题无关，但可能对@Code Break，谁提出原始问题有所帮助？）

【解决方案5】：

我在 jsp 中使用过这个：并且在 firefox 和 chrome 中工作

            <a href="Welcome.jsp"><img src="home.jpg">

【讨论】：