☰

为什么 Firefox 不显示本地文件中的图像？

tag-icon • tag-icon firefox
为什么 Firefox 不显示本地文件中的图像？

我最近给某人发送了一些 HTML 格式的文档；其中只有一个页面、一个 css 文件和一张图片。图片的链接方式如下：

<img src="whatever.png">

位于whatever.png与 HTML 文件同一目录中。 注意这是不是关于 HTML 编码的一个问题我已经用它很多年了。这部分没什么问题。

但是，我发给的人说，他加载页面时图像没有显示。此人是技术行业工程师等，因此非常精通计算机。我认为他正在大型机构网络上使用浏览器，这意味着配置可能存在问题。浏览器是 FF 33。我尝试使用 FF 38 的相同软件包，没有出现这样的问题。

我想知道我为什么会在这里丢脸。 Firefox 中是否有某些选项可以禁用本地图像的加载？

答案1

可能性列表

  1. 这是用户最容易犯错的地方不提取 .zip 文件你发送 ＆直接访问 index.html来自.zip 文件预览**。

    因为在预览压缩文件时，文件会被临时提取到临时位置，并且由于资源尚未提取（即使是暂时的），因此无法加载资源。

  2. 用户或 zip 客户端均无法正确提取压缩文件

  3. Firefox 相关问题，如附加组件或其他损坏

  4. 用户访问文件的本地策略

    可能还有多种其他原因导致该问题。

如果您可以联系用户并缩小具体情况，超级用户会很乐意为您提供帮助。

答案2

这可能是出于安全原因，这样别人就无法链接到某人的私人照片。尝试将图片托管在服务器上，它很可能有效。

根据：http://kb.mozillazine.org/Links_to_local_pages_do_not_work, “使用本文列出的方法打开本地文件链接的功能已在 Firefox 29 中删除”。

此外，它说您可以使用扩展来允许链接到本地​​页面。

使用扩展：

本地链接

LocalLink 扩展允许覆盖每次点击的安全检查：可以使用链接的上下文菜单来跟踪到本地页面的链接。

以下内容摘自：https://stackoverflow.com/questions/8391723/how-to-display-local-images-placed-on-client-machine-in-html-webpages

使用适用于除 IE 之外的所有浏览器的文件 API。

一个简单的例子是：

函数 ShowImage（文件路径）{

   var reader=new FileReader(); // File API object

   reader.onload=function(event){

       document.getElementById('myimage').src = event.target.result;

   }

   reader.readAsDataURL(filepath);

   }

相关内容