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中是如何显示的