JS獲取input file絕對(duì)路徑的方法(推薦)
最近因需要上傳文件到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),請(qǐng)按照下列步驟操作:(1)在地址欄輸入"about:config";(2) 右鍵點(diǎn)擊并選擇 New->Boolean; (3) 輸入"signed.applets.codebase_principal_support" (不含引號(hào))作為一個(gè)新的首選項(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, "\\\\") ); } 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識(shí)別的加密字符串 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()拒絕訪問,看來安全性有所提高。
最后測(cè)試發(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絕對(duì)路徑的方法(推薦)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
bootstrap 模態(tài)框(modal)實(shí)現(xiàn)水平垂直居中顯示
這篇文章主要為大家詳細(xì)介紹了bootstrap 模態(tài)框modal實(shí)現(xiàn)水平垂直居中顯示,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01淺談JavaScript中面向?qū)ο蠹夹g(shù)的模擬
淺談JavaScript中面向?qū)ο蠹夹g(shù)的模擬...2006-09-09js實(shí)現(xiàn)從數(shù)組里隨機(jī)獲取元素
這篇文章主要介紹了js實(shí)現(xiàn)從數(shù)組里隨機(jī)獲取元素的方法,以及個(gè)人封裝的js代碼分享,十分的實(shí)用,這里推薦給小伙伴們2015-01-01js實(shí)現(xiàn)多個(gè)倒計(jì)時(shí)并行 js拼團(tuán)倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)多個(gè)倒計(jì)時(shí)并行功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-02-02JavaScript實(shí)現(xiàn)的select點(diǎn)菜功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的select點(diǎn)菜功能,涉及javascript動(dòng)態(tài)操作頁面元素及元素遍歷相關(guān)技巧,需要的朋友可以參考下2017-01-01