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