解决Firefox浏览器本地图片预览显示问题

作者:微光

时间:2026-10-23

浏览:416

本文介绍在Firefox浏览器中实现本地图片预览时,因安全策略导致图片无法显示的解决方案。核心思路是通过JavaScript获取文件路径,将反斜杠替换为正斜杠,并手动拼接file:///前缀,从而正确触发浏览器加载本地资源。

文章目录

Firefox本地图片预览代码实现

代码如下:

<img id="img1" src=""/>
<script>
function fileChange(obj) {
var url = obj.value url = "file:///" + url.replace("\\",'/');
alert(url);
document.getElementById("img1").src= url;
} 
</script>
<input type="file" onchange="fileChange(this);" />

关键在于执行语句:url = "file:///" + url.replace("\\",'/')

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章