js获取上传图片全路径,支持ie,firefox
2009-02-03 18:52
549 查看
在ie6中对于<input type="file" />通过obj.value是可以获取客户端选择文件的全路径的,但是到ie7就只能获取文件名,这对于onchange事件立即显示图片会有问题,可以用js方法解决
具体代码如下:
<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>
具体代码如下:
<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>
相关文章推荐
- js 获取上传图片 全路径,支持ie,firefox
- 支持firefox10和IE的上传预览图片js代码
- 支持firefox10和IE的上传预览图片js代码
- 上传时获取文件的完整路径图片预览的js代码(兼容Firfox和IE)
- js 获得上传图片路径 FireFox IE
- chrome,IE上传图片,js获取图片绝对路径的方法
- ajaxFileUpload.js 无刷新上传图片,支持多个参数同时上传,支持 ie6-ie10
- js上传图片预览(For IE ,firefox)
- js 获取上传图片的绝对路径
- 通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
- 通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
- JS获取IE上传文件路径、后缀、大小、文件名代码
- JS 获取网页内容高度 和 网页可视高度 支持IE 6789 Firefox Chrome
- 一个图片轮换显示的实现,使用DIV+JS,支持Firefox,IE,Safiri
- JS 获取IE上传文件路径(IE7,8)
- js实现上传图片实时预览,兼容chrome IE firefox多浏览器
- 如何使用JS获取IE上传文件路径(IE7,8)
- 图片上传预览(支持ie,firefox)
- JS 预览上传图片,兼容IE、firefox等所有浏览器