javascript 获取file表单全路径
2010-05-04 16:48
218 查看
在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>
相关文章推荐
- javascript 获取表单file全路径
- javascript 获取file表单全路径
- javascript 获取file表单全路径
- 通过javascript获取<input type="file">的客户端真实路径
- asp.net获取HTML表单File中的路径的方法
- asp.net怎样获取HTML表单File中的路径
- javascript 获取file的全路径
- Javascript 获取当前JS文件路径
- post multipart/form-data 类型表单如何获取File外其他参数
- JavaScript获取当前文件全路径、当前目录、当前文件名
- php dirname(__FILE__) 获取当前文件的绝对路径
- JavaScript 获取表单元素值
- VC新建目录CreateDirectory、得到exe存放路径GetModuleFileName、获取当前目录GetCurrentDirectory、CFileDialog设置打开默认路径
- JavaScript获取路径
- JavaScript获取路径设计源码
- android实现Uri获取真实路径转换成File的方法
- Servlet获取表单数据和路径跳转。
- 文件路径的获取《file的getPath getAbsolutePath和getCanonicalPath的不同》