(转)上传图片预览FF IE

最新推荐文章于 2021-06-07 15:38:14 发布

原创最新推荐文章于 2021-06-07 15:38:14 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE #Firefox

本文介绍了一个简单的HTML页面，该页面使用JavaScript实现从文件输入框中获取所选文件的完整路径的功能。此方法适用于不同的浏览器环境，包括IE和Firefox。通过选择文件并触发onchange事件，可以动态地显示所选文件的路径。

<html>
<head>
<title>get file input full path</title>
<script language='javascript'>
function getFullPath(obj)
{
if(obj)
{
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
</script>
</head>
<body>
<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />
<img id="img" />
</body>
</html>