兼容IE,FF的上传图片预览
2009-12-18 14:25
441 查看
<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>
<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>
相关文章推荐
- 图片上传预览 兼容ie67 8 9 及 FF
- 图片上传预览 兼容 IE 6 7 8 9 FF chrome opera等版本
- 兼容IE和FF的图片上传前预览js代码
- 上传图片预览 兼容IE和FF
- 兼容IE和FF的图片上传前预览js代码
- 兼容IE、FF的图片上传预览
- 同时兼容IE和FF的图片上传判断及预览脚本
- 图片上传前预览(兼容FF和IE)
- 图片上传前预览(兼容FF和IE)
- JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)
- JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)
- 【javascrpt】——图片预览和上传,兼容IE 9-
- 兼容IE的图片上传预览功能
- 图片上传前的本地预览,兼容IE的方法
- Javascript 兼容IE 预览本地上传图片方法
- 上传图片带预览功能兼容IE和火狐等主流浏览器
- 上传时获取文件的完整路径图片预览的js代码(兼容Firfox和IE)
- 图片上传并预览(IE,火狐浏览器兼容问题)
- 上传图片快速预览HTML5 FileReader + Window.URL+滤镜(兼容低版本IE)
- js实现上传图片实时预览,兼容chrome IE firefox多浏览器