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绝对路径的方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。