Html 在IE中显示本地图像,但在firefox中不显示?

Html 在IE中显示本地图像,但在firefox中不显示?,html,firefox,image,Html,Firefox,Image,我使用以下行显示图像: $output .= '<div><img src="C:/backup/images/000001_full.jpg"></div>'; $output.=''; (然后,$output作为本地备份放入html文件中)。当我使用IE查看页面时,图像显示良好,但使用firefox时显示不好。 知道为什么吗 谢谢 戴夫我想你想要: $output.=''可能是因为您的src对Firefox无效。 您是否尝试过file://c:/bac

我使用以下行显示图像:

$output .= '<div><img src="C:/backup/images/000001_full.jpg"></div>';
$output.='';
(然后,$output作为本地备份放入html文件中)。当我使用IE查看页面时,图像显示良好,但使用firefox时显示不好。 知道为什么吗

谢谢

戴夫

我想你想要:


$output.=''

可能是因为您的src对Firefox无效。

您是否尝试过
file://c:/backup/images/000001\u full.jpg

您需要关闭img标签。所以

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

IE喜欢在HTML规范中随意使用,但Firefox更注重标准。

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

使用相对路径。我也不确定,但类似于
$output.=''

我重现了这个问题。该图像显示在IE(和Chrome)中,但不显示在Firefox中。原因是无法直接访问本地文件。在
src
标记前面加上
file://
前缀,它的工作原理与中的一样:

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

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

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

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

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

  • 请按此链接获取帮助:

    它需要对站点进行本地备份。注意图像在C:/backup中是如何显示的