javascript 获取表单file全路径
更新时间：2009年12月31日 20:16:49 作者：
在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 文本框下拉提示，类似百度和Google的输入框提示效果，这里为了演示时加载的速度比较快，选用了一些数据，输入“1”可更好的看到效果。2010-10-10
很有趣的一段textarea...2006-12-12
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码...2007-02-02
javascript在一段文字中的光标处插入其他文字...2007-08-08
好多情况下，我们需要用js获取radio的值，下面是具体的实现方法，大家可以测试下。2009-03-03
实现复选框全选/全不选切换...2006-12-12
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中...2007-04-04![Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]](//img.jbzj.com/images/xgimg/bcimg7.png)
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）2008-09-09
模拟select下拉列表特效，因为html的下拉列表的样式修改美化等有些复杂，不容易控制。注意用于对页面的颜色搭配过于讲究的。2009-02-02
autocomplete禁止自动完成功能...2007-06-06
![Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]](http://img.jbzj.com/images/xgimg/bcimg7.png)
最新评论