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)文章
js 獲取子節(jié)點函數(shù) (兼容FF與IE)
兼容FF與IE的獲取子節(jié)點的js代碼,需要的朋友可以參考下,我們剛不發(fā)布的dom操作文章。2010-04-04為radio類型的INPUT添加客戶端腳本(附加實現(xiàn)JS來禁用onClick事件思路代碼)
為radio類型的INPUT添加客戶端腳本(附加實現(xiàn)JS來禁用onClick事件思路代碼),需要的朋友可以參考下。2010-11-11js正則實現(xiàn)的密碼框簡單制作,還可以替換成自己想用得符號
js正則實現(xiàn)的密碼框簡單制作,還可以替換成自己想用得符號...2007-10-10javascritp實現(xiàn)input輸入框相關(guān)限制用法
javascritp實現(xiàn)input輸入框相關(guān)限制用法...2007-06-06