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>
相关文章
每次都要用到表单验证的时候，就在到处找东西，而网上的很多都不见的好用。自己终于累计了这些方法，在自己的程序中使用了的一些方法，肯定是好用的，主要使用了简单的正则表达式进行判断。如果有bug，欢迎提出来。2009-04-04
同一个表单 根据要求递交到不同页面的实现方法，就是好多网站，可以百度一个表单可以搜索音乐，图片等2009-08-08
限制文本字节数js代码...2007-03-03
列表内容的选择...2006-06-06
当文本框的值发生改变时，触发事件，在IE中有效，具体的大家可以测试下。2009-09-09
省市联动代码，最新版。2009-04-04
让html的text输入框只能输入数字和1个小数点(0-59之间可改)
今天有同事需要这个功能，主要是限制用户输入不符合规范的数字与小数点导致不好计算价格问题，特整理了下面的代码，需要的朋友可以参考下。2011-11-11
记录一个自己作的小作品，一个js模拟的select。2010-08-08
multibox 全选实现代码。跟checkbox等原理是一样的2009-03-03
在项目中有一个需求，要求页面中的checkbox在页面刷新或后退时都要重新初始化，即处于未选中的状态，不保存之前的状态。2010-01-01
最新评论