最近因需要上傳文件到oracle blob里, 在獲取文件路徑的遇到些問題,由于安全原因,新版的瀏覽器都不支持直接獲取本地URL,在網(wǎng)上找了些方法,如下:
<script type="text/javascript">//FX獲取文件路徑方法function readFileFirefox(fileBrowser) { try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); } catch (e) { alert('無法訪問本地文件,由于瀏覽器安全設(shè)置。為了克服這一點(diǎn),請按照下列步驟操作:(1)在地址欄輸入"about:config";(2) 右鍵點(diǎn)擊并選擇 New->Boolean; (3) 輸入"signed.applets.codebase_principal_support" (不含引號)作為一個新的首選項(xiàng)的名稱;(4) 點(diǎn)擊OK并試著重新加載文件'); return; } var fileName=fileBrowser.value; //這一步就能得到客戶端完整路徑。下面的是否判斷的太復(fù)雜,還有下面得到ie的也很復(fù)雜。 var file = Components.classes["@mozilla.org/file/local;1"] .createInstance(Components.interfaces.nsILocalFile); try { // Back slashes for windows file.initWithPath( fileName.replace(////g, "http:////") ); } catch(e) { if (e.result!=Components.results.NS_ERROR_FILE_UNRECOGNIZED_PATH) throw e; alert("File '" + fileName + "' cannot be loaded: relative paths are not allowed. Please provide an absolute path to this file."); return; } if ( file.exists() == false ) { alert("File '" + fileName + "' not found."); return; } return file.path;}//根據(jù)不同瀏覽器獲取路徑function getvl(obj){//判斷瀏覽器 var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (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; var file_url=""; if(Sys.ie<="6.0"){ //ie5.5,ie6.0 file_url = obj.value; }else if(Sys.ie>="7.0"){ //ie7,ie8 obj.select(); file_url = document.selection.createRange().text; }else if(Sys.firefox){ //fx //file_url = document.getElementById("file").files[0].getAsDataURL();//獲取的路徑為FF識別的加密字符串 file_url = readFileFirefox(obj); }else if(Sys.chrome){ file_url = obj.value; } //alert(file_url); document.getElementById("text").innerHTML="獲取文件域完整路徑為:"+file_url;}</script><h1>JS獲取文件域完整路徑的方法,兼容不同瀏覽器</h1><div id="text" style="color:#f00;"></div><input type="file" id="file" onchange="getvl(this)" />以上代碼在IE 6 7 8均正常使用,在IE9下,document.selection.createRange()拒絕訪問,看來安全性有所提高。
最后測試發(fā)現(xiàn),在IE9下,如果file控件獲得焦點(diǎn),則document.selection.createRange()拒絕訪問,
因此,只需要在obj.select()后面加一句obj.blur()即可。
EX:
else if(Sys.ie>="7.0"){ //ie7,ie8 obj.select(); obj.blur(); file_url = document.selection.createRange().text; }// obj = document.getElementById("file"); 以上這篇JS獲取input file絕對路徑的方法(推薦)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答