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

作者:微光时间:2026-10-23 09:11:36浏览:417

本文介绍在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("\\",'/')

作者最新文章