javascript 獲取表單file全路徑
更新時(shí)間：2009年12月31日 20:16:49 作者：
在ie6中對(duì)于<input type="file" />通過obj.value是可以獲取客戶端選擇文件的全路徑的，但是到ie7就只能獲取文件名，這對(duì)于onchange事件立即顯示圖片會(huì)有問題，可以用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>
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
JavaScript 文本框下拉提示(自動(dòng)提示)
JavaScript 文本框下拉提示，類似百度和Google的輸入框提示效果，這里為了演示時(shí)加載的速度比較快，選用了一些數(shù)據(jù)，輸入“1”可更好的看到效果。2010-10-10
很有趣的一段textarea...2006-12-12
在一個(gè)form用一個(gè)SUBMIT(或button)分別提交到兩個(gè)處理表單頁面的代碼
在一個(gè)form用一個(gè)SUBMIT(或button)分別提交到兩個(gè)處理表單頁面的代碼...2007-02-02
javascript在一段文字中的光標(biāo)處插入其他文字
javascript在一段文字中的光標(biāo)處插入其他文字...2007-08-08
好多情況下，我們需要用js獲取radio的值，下面是具體的實(shí)現(xiàn)方法，大家可以測(cè)試下。2009-03-03
實(shí)現(xiàn)復(fù)選框全選/全不選切換...2006-12-12
用javascript將數(shù)據(jù)庫中的TEXT類型數(shù)據(jù)動(dòng)態(tài)賦值到TEXTAREA中
用javascript將數(shù)據(jù)庫中的TEXT類型數(shù)據(jù)動(dòng)態(tài)賦值到TEXTAREA中...2007-04-04![Javascript操作select方法大全[新增、修改、刪除、選中、清空、判斷存在等]](http://img.jbzj.com/images/xgimg/bcimg7.png)
Javascript操作select方法大全[新增、修改、刪除、選中、清空、判斷存在等]
Javascript 操作select控件大全（新增、修改、刪除、選中、清空、判斷存在等）2008-09-09
模擬select下拉列表特效，因?yàn)閔tml的下拉列表的樣式修改美化等有些復(fù)雜，不容易控制。注意用于對(duì)頁面的顏色搭配過于講究的。2009-02-02
autocomplete禁止自動(dòng)完成功能...2007-06-06