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>
復(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)文章
form中限制文本字節(jié)數(shù)js代碼...2007-06-06
js 獲取子節(jié)點函數(shù) (兼容FF與IE)
兼容FF與IE的獲取子節(jié)點的js代碼，需要的朋友可以參考下，我們剛不發(fā)布的dom操作文章。2010-04-04
在項目中有一個需求，要求頁面中的checkbox在頁面刷新或后退時都要重新初始化，即處于未選中的狀態(tài)，不保存之前的狀態(tài)。2010-01-01
# 頁面加載完后，光標自動定位到R0表單 # 問題二：在R0表單輸入1，回車后跳轉(zhuǎn)到R1，輸入2回車后跳轉(zhuǎn)到R2，輸入3回車后跳轉(zhuǎn)到R32009-07-07
為radio類型的INPUT添加客戶端腳本(附加實現(xiàn)JS來禁用onClick事件思路代碼)
為radio類型的INPUT添加客戶端腳本(附加實現(xiàn)JS來禁用onClick事件思路代碼)，需要的朋友可以參考下。2010-11-11
在訪問某些站點時，常常發(fā)現(xiàn)要填寫一些沒有實際意義但又必須得重復(fù)填寫的表單，而且現(xiàn)在B/S的應(yīng)用越來越多，下面的方法也許可以讓你輕松點。2010-04-04
js正則實現(xiàn)的密碼框簡單制作,還可以替換成自己想用得符號
js正則實現(xiàn)的密碼框簡單制作,還可以替換成自己想用得符號...2007-10-10
檢測input每次的輸入是否合法遇到漢字輸入就有問題，如何判斷漢字是否已經(jīng)輸入到input內(nèi)2012-05-05
將多選框選中時打勾的顏色...2006-10-10
javascritp實現(xiàn)input輸入框相關(guān)限制用法
javascritp實現(xiàn)input輸入框相關(guān)限制用法...2007-06-06