上传时获取文件的完整路径图片预览的js代码（兼容Firfox和IE）
2014-04-23 17:58
806 查看
http://www.lao8.org/article_1341/tougao
<html>
<head>
<title>get file input full path</title>
<script language='javascript'>
//alert(navigator.userAgent);
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>
<html>
<head>
<title>get file input full path</title>
<script language='javascript'>
//alert(navigator.userAgent);
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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS获取IE上传文件路径、后缀、大小、文件名代码
- JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
- js上传图片预览功能代码，兼容IE，FireFox，Chrome浏览器
- JS获取上传文件的绝对路径，兼容IE和FF
- js获取file控件的完整路径（上传图片预览）
- struts2 JS获取上传文件的绝对路径，兼容IE和FF
- js 获取上传图片 全路径，支持ie，firefox
- JS兼容IE和其它浏览器获取图片大小和预览的实现
- 如何使用JS获取IE上传文件路径(IE7,8)
- 关于js获取上传文件的完整路径问题？
- 在页面预览客户端本地图片的js代码(兼容FF IE)
- js实现上传图片实时预览，兼容chrome IE firefox多浏览器
- 几种兼容IE和火狐 图片预览的JS代码
- JS 获取IE上传文件路径（IE7,8）
- 兼容好的JS图片上传预览代码
- 几种兼容IE和火狐 图片预览的JS代码
- 【转】图片上传简单JS预览,兼容IE火狐等主流浏览器
- 在页面预览客户端本地图片的js代码(兼容FF IE)
- 兼容好的JS图片上传预览代码
- Js下检查上传图片文件格式和大小的方法，兼容ie和火狐