IE浏览器获取本地文件真实路径

IE浏览器默认设置禁用了从浏览器获取本地文件真实路径,目前我在查找资料看到的解决办法有两种

第一种:

修改浏览器设置,如图所示



第二种:

<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
<title>图片上传预览</title>
<script>
function PreviewImage(imgFile)
{
var pattern = /(\.*.jpg$)|(\.*.png$)|(\.*.jpeg$)|(\.*.gif$)|(\.*.bmp$)/;
if(!pattern.test(imgFile.value))
{
alert("系统仅支持jpg/jpeg/png/gif/bmp格式的照片!");
imgFile.focus();
}
else
{
var path;
if(document.all)//IE
{
imgFile.select();
path = document.selection.createRange().text;
alert(path);
document.getElementById("imgPreview").innerHTML="";
document.getElementById("imgPreview").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\"" + path + "\")";//使用滤镜效果
}
else//FF
{
path = URL.createObjectURL(imgFile.files[0]);
document.getElementById("imgPreview").innerHTML = "<img src='"+path+"'/>";
}
}
}
</script>
</head>
<body>
<center>
<input type="file" οnchange='PreviewImage(this)' />
<div id="imgPreview" style='width:300px; height:200px;'>
<img src=""/>
</div>
</center>
</body>
</html>
————————————————
版权声明:本文为CSDN博主「NFA_YY」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/nfa_yy/article/details/73613347

posted @ 2022-09-04 16:00  ingemar,fang  阅读(203)  评论(0编辑  收藏  举报