JS获取input file绝对路径的方法(推荐)
最近因需要上传文件到oracleblob里，在获取文件路径的遇到些问题，由于安全原因，新版的浏览器都不支持直接获取本地URL，在网上找了些方法，如下：
<scripttype="text/javascript">
//FX获取文件路径方法
functionreadFileFirefox(fileBrowser){
try{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
}
catch(e){
alert('无法访问本地文件，由于浏览器安全设置。为了克服这一点，请按照下列步骤操作：(1)在地址栏输入"about:config";(2)右键点击并选择New->Boolean;(3)输入"signed.applets.codebase_principal_support"（不含引号）作为一个新的首选项的名称;(4)点击OK并试着重新加载文件');
return;
}
varfileName=fileBrowser.value;//这一步就能得到客户端完整路径。下面的是否判断的太复杂，还有下面得到ie的也很复杂。
varfile=Components.classes["@mozilla.org/file/local;1"]
.createInstance(Components.interfaces.nsILocalFile);
try{
//Backslashesforwindows
file.initWithPath(fileName.replace(/\//g,"\\\\"));
}
catch(e){
if(e.result!=Components.results.NS_ERROR_FILE_UNRECOGNIZED_PATH)throwe;
alert("File'"+fileName+"'cannotbeloaded:relativepathsarenotallowed.Pleaseprovideanabsolutepathtothisfile.");
return;
}
if(file.exists()==false){
alert("File'"+fileName+"'notfound.");
return;
}
returnfile.path;
}
//根据不同浏览器获取路径
functiongetvl(obj){
//判断浏览器
varSys={};
varua=navigator.userAgent.toLowerCase();
vars;
(s=ua.match(/msie([\d.]+)/))?Sys.ie=s[1]:
(s=ua.match(/firefox\/([\d.]+)/))?Sys.firefox=s[1]:
(s=ua.match(/chrome\/([\d.]+)/))?Sys.chrome=s[1]:
(s=ua.match(/opera.([\d.]+)/))?Sys.opera=s[1]:
(s=ua.match(/version\/([\d.]+).*safari/))?Sys.safari=s[1]:0;
varfile_url="";
if(Sys.ie<="6.0"){
//ie5.5,ie6.0
file_url=obj.value;
}elseif(Sys.ie>="7.0"){
//ie7,ie8
obj.select();
file_url=document.selection.createRange().text;
}elseif(Sys.firefox){
//fx
//file_url=document.getElementById("file").files[0].getAsDataURL();//获取的路径为FF识别的加密字符串
file_url=readFileFirefox(obj);
}elseif(Sys.chrome){
file_url=obj.value;
}
//alert(file_url);
document.getElementById("text").innerHTML="获取文件域完整路径为："+file_url;
}
</script>
<h1>JS获取文件域完整路径的方法，兼容不同浏览器</h1>
<divid="text"style="color:#f00;"></div>
<inputtype="file"id="file"onchange="getvl(this)"/>
以上代码在IE678均正常使用，在IE9下，document.selection.createRange()拒绝访问，看来安全性有所提高。
最后测试发现，在IE9下，如果file控件获得焦点，则document.selection.createRange()拒绝访问，
因此，只需要在obj.select()后面加一句obj.blur()即可。
EX：
elseif(Sys.ie>="7.0"){
//ie7,ie8
obj.select();
obj.blur();
file_url=document.selection.createRange().text;
}
//obj=document.getElementById("file");
以上这篇JS获取inputfile绝对路径的方法(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。