解决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("\\",'/')
作者最新文章
JavaScript零基础入门:从环境搭建到运行第一段代码
2026-11-05 15:29:58
HTML链接中javascript:void(0)的作用及现代替代方案
2026-11-05 10:07:47
在线调试 JS 时怎么引入 jQuery 或 Vue 等第三方库
2026-11-05 08:53:56
原生JavaScript实现简易颜色选择器原理与代码
2026-11-03 23:22:19
JS原生表单序列化:FormData与URLSearchParams用法详解
2026-11-03 23:13:21
