IE中的本地图像显示但不是Firefox?

时间:2010-07-07 15:35:37

标签: html firefox image

我有以下行来显示图像:

$output .= '<div><img src="C:/backup/images/000001_full.jpg"></div>';

(然后将$ output作为本地备份放入html文件中)。当我用IE浏览页面时,图像显示正常,但不是用firefox。 知道为什么吗?

谢谢,

戴夫

7 个答案:

答案 0 :(得分:3)

我想你想要:

$output .= '<div><img src="file://c:/backup/images/000001_full.jpg"></div>';

答案 1 :(得分:1)

您需要关闭img标记。所以,

$output .= '<div><img src="C:/backup/images/000001_full.jpg" /></div>';

IE喜欢用HTML规范来玩它,但Firefox更注重标准。

答案 2 :(得分:0)

可能是因为你的src对Firefox无效。左 你试过file://c:/backup/images/000001_full.jpg吗?

答案 3 :(得分:0)

为什么使用指向文件系统位置的链接? 图像应该是网站的一部分,并且应该链接到相对URL,例如\ images \ 000001_full.jpg。

答案 4 :(得分:0)

使用相对路径。我也不确定,但有点像$output .= '<div><img src="../images/000001_full.jpg"/></div>'

答案 5 :(得分:0)

我转载了这个问题。图像显示在IE(和Chrome)中,但不在Firefox中。原因是因为无法直接访问本地文件。使用srcfile:///标记添加前缀,它可以正常工作:

$output .= '<div><img src="file:///C:/backup/images/000001_full.jpg"></div>';

答案 6 :(得分:0)

在Chrome和Firefox中并不是直截了当的。 由于安全原因,现代浏览器不允许您显示文件系统中的图像。

步骤:  1.设置输入类型文件定义的变量

HTML : <input type="file" id="image-input"/>
var fileInput = document.getElementById('image-input');
  1. 获取临时文件URI:

    var uri = window.URL.createObjectURL(fileInput.files [0]); 将此Uri从Javascript传递到图像src。问题解决了。

  2. 请点击此链接获取帮助: http://www.philliphaydon.com/2014/04/loading-an-image-or-video-from-a-file-input-control/