JS獲取input file絕對(duì)路徑的方法(推薦)
最近因需要上傳文件到oracle blob里, 在獲取文件路徑的遇到些問(wèn)題,由于安全原因,新版的瀏覽器都不支持直接獲取本地URL,在網(wǎng)上找了些方法,如下:
<script type="text/javascript">
//FX獲取文件路徑方法
function readFileFirefox(fileBrowser) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
}
catch (e) {
alert('無(wú)法訪問(wèn)本地文件,由于瀏覽器安全設(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()拒絕訪問(wèn),看來(lái)安全性有所提高。
最后測(cè)試發(fā)現(xiàn),在IE9下,如果file控件獲得焦點(diǎn),則document.selection.createRange()拒絕訪問(wèn),
因此,只需要在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ì)路徑的方法(推薦)就是小編分享給大家的全部?jī)?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-09
js實(shí)現(xiàn)從數(shù)組里隨機(jī)獲取元素
這篇文章主要介紹了js實(shí)現(xiàn)從數(shù)組里隨機(jī)獲取元素的方法,以及個(gè)人封裝的js代碼分享,十分的實(shí)用,這里推薦給小伙伴們2015-01-01
js實(shí)現(xiàn)多個(gè)倒計(jì)時(shí)并行 js拼團(tuán)倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)多個(gè)倒計(jì)時(shí)并行功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-02-02
JavaScript實(shí)現(xiàn)的select點(diǎn)菜功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的select點(diǎn)菜功能,涉及javascript動(dòng)態(tài)操作頁(yè)面元素及元素遍歷相關(guān)技巧,需要的朋友可以參考下2017-01-01

