這個要配合ajax了,從後台獲取該文件夾下的文件。
前端模擬文件夾目錄就可以啊。
㈡ js如何讀取本地文件(js如何讀取本地文件數據)
js怎麼讀取本地txt文件思路
採用jquery的ajax方式進行文件信息讀取
html
head
script?type="text/javascript"?src="/jquery/jquery.js"/script
script?type="text/javascript"
$(document).ready(function(){
??局猜$("#b01").click(function(){
??htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
??$("#myDiv").html(htmlobj.responseText);
??});
});
/script
/head
body
div?id="myDiv"h2通過?AJAX?改變文本/h2/div
button?id="b01"派臘芹?type="button"改變內容/button塵畢
/body
/html
JS如何動態獲取本地文件夾中的所有圖片
1、require.context
2、具培肢體實現步驟
首先我們需要知道圖片爛中毀的路徑,圖片的路徑是相對路徑也可以飢備是絕對路徑;其次我們需要獲取到圖片的文件名
怎麼用JS讀寫本地文本文件//讀文件
varfso,f1,ts;
varForReading=1;
fso=newActiveXObject("Scripting.FileSystemObject");
ts=fso.OpenTextFile(document.all.attachFile.value/*此處為含全部路徑的握纖飢圓文件段肢仿名*/,ForReading);
document.all.mailbdy.value=ts.ReadAll();
ts.Close();
//寫文件
vartitle=document.getElementById("title").value;//文件名
varfso=newActiveXObject("Scripting.FileSystemObject");
varf=fso.CreateTextFile("C://"+title+".nc",true);//可隨意選擇後綴名
f.write(document.getElementById("babala").value);
f.Close();
如何用javascript操作本地文件一、功能實現核心:FileSystemObject對象
要在javascript中實現文件操作功能,主要就是依靠FileSystemobject對象。
二、FileSystemObject編程?
使用FileSystemObject對象進行編程很簡單,一般要經過如下的步驟:創建FileSystemObject對象、應用相關方法、訪問對象相關屬性。?
(一)創建FileSystemObject對象?
創建FileSystemObject對象的?
代碼只要1行:?
varfso=newActiveXObject("Scripting.FileSystemObject");?
上述代碼執行後,fso就成為一個FileSystemObject對象實例。?
(二)應用相關方法?
創建對象實例後,就可以使用對象的相關方法了。比如,使用CreateTextFile方法創建一個文本文件:?
varfso=newActiveXObject("Scripting.FileSystemObject");?
varf1=fso.createtextfile("c://myjstest.txt",true");?
(三)訪問對象相關屬燃察性?
要訪問對象的相關屬性,首先要建立指向對象的句柄,這就要通過get系列方法實現:GetDrive負責獲取驅動器歷段毀信息,GetFolder負責獲取文件夾信息,GetFile負責獲取文件信息。比如,指向下面的代碼後,f1就成為指向文件c:/test.txt的句柄:肢備?
varfso=newActiveXObject("Scripting.FileSystemObject");?
varf1=fso.GetFile("c://myjstest.txt");?
然後,使用f1訪問對象的相關屬性。比如:?
varfso=newActiveXObject("Scripting.FileSystemObject");?
varf1=fso.GetFile("c://myjstest.txt");?
alert("Filelastmodified:"+f1.DateLastModified);?
執行上面最後一句後,將顯示c:/myjstest.txt的最後修改日期屬性值。?
但有一點請注意:對於使用create方法建立的對象,就不必再使用get方法獲取對象句柄了,這時直接使用create方法建立的句柄名稱就可以:?
varfso=newActiveXObject("Scripting.FileSystemObject");?
varf1=fso.createtextfile("c://myjstest.txt",true");?
alert("Filelastmodified:"+f1.DateLastModified);?
三、操作驅動器(Drives)?
使用FileSystemObject對象來編程操作驅動器(Drives)和文件夾(Folders)很容易,這就象在Windows文件瀏覽器中對文件進行交互操作一樣,比如:拷貝、移動文件夾,獲取文件夾的屬性。?
(一)Drives對象屬性?
Drive對象負責收集系統中的物理或邏輯驅動器資源內容,它具有如下屬性:?
lTotalSize:以位元組(byte)為單位計算的驅動器大小。?
lAvailableSpace或FreeSpace:以位元組(byte)為單位計算的驅動器可用空間。?
lDriveLetter:驅動器字母。?
lDriveType:驅動器類型,取值為:removable(移動介質)、fixed(固定介質)、network(網路資源)、CD-ROM或者RAM盤。?
lSerialNumber:驅動器的系列碼。?
lFileSystem:所在驅動器的文件系統類型,取值為FAT、FAT32和NTFS。?
lIsReady:驅動器是否可用。?
lShareName:共享名稱。?
lVolumeName:卷標名稱。?
lPath和RootFolder:驅動器的路徑或者根目錄名稱。?
(二)Drive對象操作常式?
下面的常式顯示驅動器C的卷標、總容量和可用空間等信息:?
varfso,drv,s="";?
fso=newActiveXObject("Scripting.FileSystemObject");?
drv=fso.GetDrive(fso.GetDriveName("c://"));?
s+="DriveC:"+"-";?
s+=drv.VolumeName+"/n";?
s+="TotalSpace:"+drv.TotalSize/1024;?
s+="Kb"+"/n";?
s+="FreeSpace:"+drv.FreeSpace/1024;?
s+="Kb"+"/n";?
alert(s);?
四、操作文件夾(Folders)?
涉及到文件夾的操作包括創建、移動、刪除以及獲取相關屬性。?
Folder對象操作常式:?
下面的常式將練習獲取父文件夾名稱、創建文件夾、刪除文件夾、判斷是否為根目錄等操作:?
varfso,fldr,s="";?
//創建FileSystemObject對象實例?
fso=newActiveXObject("Scripting.FileSystemObject");?
//獲取Drive對象?
fldr=fso.GetFolder("c://");?
//顯示父目錄名稱?
alert("Parentfoldernameis:"+fldr+"/n");?
//顯示所在drive名稱?
alert("Containedondrive"+fldr.Drive+"/n");?
//判斷是否為根目錄?
if(fldr.IsRootFolder)?
alert("Thisistherootfolder.");?
else?
alert("Thisfolderisn'tarootfolder.");?
alert("/n/n");?
//創建新文件夾?
fso.CreateFolder("C://Bogus");?
alert("CreatedfolderC://Bogus"+"/n");?
//顯示文件夾基礎名稱,不包含路徑名?
alert("Basename="+fso.GetBaseName("c://bogus")+"/n");?
//刪除創建的文件夾?
fso.DeleteFolder("C://Bogus");?
alert("DeletedfolderC://Bogus"+"/n");?
五、操作文件(Files)?
對文件進行的操作要比以上介紹的驅動器(Drive)和文件夾(Folder)操作復雜些,基本上分為以下兩個類別:對文件的創建、拷貝、移動、刪除操作和對文件內容的創建、添加、刪除和讀取操作。下面分別詳細介紹。?
(一)創建文件?
一共有3種方法可用於創建一個空文本文件,這種文件有時候也叫做文本流(textstream)。?
第一種是使用CreateTextFile方法。代碼如下:?
var?fso,?f1;?
fso?=?new?ActiveXObject("Scripting.FileSystemObject");?
f1?=?fso.CreateTextFile("c://testfile.txt",?true);
第二種是使用OpenTextFile方法,並添加上ForWriting屬性,ForWriting的值為2。代碼如下:?
var?fso,?ts;?
var?ForWriting=?2;?
fso?=?new?ActiveXObject("Scripting.FileSystemObject");?
ts?=?fso.OpenTextFile("c://test.txt",?ForWriting,?true);
第三種是使用OpenAsTextStream方法,同樣要設置好ForWriting屬性。代碼如下:?
var?fso,?f1,?ts;?
var?ForWriting?=?2;?
fso?=?new?ActiveXObject("Scripting.FileSystemObject");?
fso.CreateTextFile?("c://test1.txt");?
f1?=?fso.GetFile("c://test1.txt");?
ts?=?f1.OpenAsTextStream(ForWriting,?true);
(二)添加數據到文件?
當文件被創建後,一般要按照「打開文件-填寫數據-關閉文件」的步驟實現添加數據到文件的目的。?
打開文件可使用FileSystemObject對象的OpenTextFile方法,或者使用File對象的OpenAsTextStream方法。?
填寫數據要使用到TextStream對象的Write、WriteLine或者WriteBlankLines方法。在同是實現寫入數據的功能下,這3者的區別在於:Write方法不在寫入數據末尾添加新換行符,WriteLine方法要在最後添加一個新換行符,而WriteBlankLines則增加一個或者多個空行。?
關閉文件可使用TextStream對象的Close方法。?
(三)創建文件及添加數據常式?
下面的代碼將創建文件、添加數據、關閉文件幾個步驟結合起來進行應用:?
varfso,tf;?
fso=newActiveXObject("Scripting.FileSystemObject");?
//創建新文件?
tf=fso.CreateTextFile("c://testfile.txt",true);?
//填寫數據,並增加換行符?
tf.WriteLine("Testing1,2,3.");?
//增加3個空行?
tf.WriteBlankLines(3);?
//填寫一行,不帶換行符?
tf.Write("Thisisatest.");?
//關閉文件?
tf.Close();?
(四)讀取文件內容?
從文本文件中讀取數據要使用TextStream對象的Read、ReadLine或ReadAll方法。Read方法用於讀取文件中指定數量的字元;ReadLine方法讀取一整行,但不包括換行符;ReadAll方法則讀取文本文件的整個內容。讀取的內容存放於字元串變數中,用於顯示、分析。?
方法或者屬性描述?
BuildPath()?
生成一個文件路徑?
CopyFile()復制文件?
CopyFolder()復制目錄?
CreateFolder()創建新目錄?
CreateTextFile()生成一個文件?
DeleteFile()刪除一個文件?
DeleteFolder()刪除一個目錄?
DriveExists()檢驗盤符是否存在?
Drives返回盤符的集合?
FileExists()檢驗文件是否存在?
FolderExists檢驗一個目錄是否存在?
GetAbsolutePathName()取得一個文件的絕對路徑?
GetBaseName()取得文件名?
GetDrive()取得盤符名?
GetDriveName()取得盤符名?
GetExtensionName()取得文件的後綴?
GetFile()生成文件對象?
GetFileName()取得文件名?
GetFolder()取得目錄對象?
GetParentFolderName取得文件或目錄的父目錄名?
GetSpecialFolder()取得特殊的目錄名?
GetTempName()生成一個臨時文件對象?
MoveFile()移動文件?
MoveFolder()移動目錄?
OpenTextFile()打開一個文件流?
f.Files//目錄下所有文件集合?
f.attributes//文件屬性?
Case0Str="普通文件。沒有設置任何屬性。"?
Case1Str="只讀文件。可讀寫。"?
Case2Str="隱藏文件。可讀寫。"?
Case4Str="系統文件。可讀寫。"?
Case16Str="文件夾或目錄。只讀。"?
Case32Str="上次備份後已更改的文件。可讀寫。"?
Case1024Str="鏈接或快捷方式。只讀。"?
Case2048Str="壓縮文件。只讀。"?
f.Datecreated//創建時間?
f.DateLastAccessed//上次訪問時間?
f.DateLastModified//上次修改時間?
f.Path//文件路徑?
f.Name//文件名稱?
f.Type//文件類型?
f.Size//文件大小(單位:位元組)?
f.ParentFolder//父目錄?
f.RootFolder//根目錄?
實例說明?
BuildPath(路徑,文件名)//這個方法會對給定的路徑加上文件,並自動加上分界符?
SCRIPT?LANGUAGE="JavaScript"?
!--?
var?fso?=?new?ActiveXObject("Scripting.FileSystemObject");?
var?newpath?=?fso.BuildPath("c://tmp",?"51js.txt");?//生成?c:/tmp/51js.txt的路徑?
alert(newpath);?
--?
/SCRIPT?
CopyFile(源文件,?目標文件,?覆蓋)?//復制源文件到目標文件,當覆蓋值為true時,如果目標文件存在會把文件覆蓋?
SCRIPT?LANGUAGE="JavaScript"?
!--?
var?fso?=?new?ActiveXObject("Scripting.FileSystemObject");?
var?newpath?=?fso.CopyFile("c://autoexec.bat",?"d://autoexec.bak");?
--?
/SCRIPT?
CopyFolder(對象目錄,目標目錄?,覆蓋)?//復制對象目錄到目標目錄,當覆蓋為true時,如果目標目錄存在會把文件覆蓋?
SCRIPT?LANGUAGE="JavaScript"?
!--?
var?fso?=?new?ActiveXObject("Scripting.FileSystemObject");?
fso.CopyFolder("c://WINDOWS//Desktop",?"d://");?//把C盤的Desktop目錄復制到D盤的根目錄?
--?
/SCRIPT?
CreateFolder(目錄名)?//創建一個新的目錄?
SCRIPT?LANGUAGE="JavaScript"?
!--?
var?fso?=?new?ActiveXObject("Scripting.FileSystemObject");?
var?newFolderName?=?fso.CreateFolder("c://51JS");?//在C盤上創建一個51JS的目錄?
--?
/SCRIPT?
CreateTextFile(文件名,?覆蓋)?//創建一個新的文件,如果此文件已經存在,你需要把覆蓋值定為true?
SCRIPT?LANGUAGE="JavaScript"?
!--?
var?fso?=?new?ActiveXObject("Scripting.FileSystemObject");?
var?newFileObject?=?fso.CreateTextFile("c://autoexec51JS.bat",?true);?//腳本將在C盤創建一個叫?autoexec51JS.bat的文件?
--?
/SCRIPT?
DeleteFile(文件名,?只讀?)?//刪除一個文件,如果文件的屬性是只讀的話,你需要把只讀值設為true?
SCRIPT?LANGUAGE="JavaScript"?
!--?
var?fso?=?new?ActiveXObject("Scripting.FileSystemObject");?//為了安全我先把要刪除的autoexec.bat備份到你的D盤?
var?newpath?=?fso.CopyFile("c://autoexec.bat",?"d://autoexec.bat");?//把C盤的autoexec.bat文件刪除掉?
fso.DeleteFile("c://autoexec.bat",?true);?
--?
/SCRIPT?
DeleteFolder(文件名,?只讀?)//刪除一個目錄,如果目錄的屬性是只讀的話,你需要把只讀值設為true?
SCRIPT?LANGUAGE="JavaScript"?
!--?
var?fso?=?new?ActiveXObject("Scripting.FileSystemObject");?
fso.CopyFolder("c://WINDOWS//Desktop",?"d://");?//為了安全我先把你C盤的Desktop目錄復制到你D盤的根目錄?
fso.DeleteFolder("c://WINDOWS//Desktop",?true);?//把你的Desktop目錄刪除,但因為desktop是系統的東西,所以不能全部刪除,但.........?
--?
/SCRIPT?
DriveExists(盤符)?//檢查一個盤是否存在,如果存在就返會真,不存在就返回.......?
SCRIPT?LANGUAGE="JavaScript"?
!--?
var?fso?=?new?ActiveXObject("Scripting.FileSystemObject");?
hasDriveD?=?fso.DriveE
㈢ easyui獲取文件夾絕對路徑
第一種:用basePath方式,但是前提必須加個<%=basePath %>。第二種:直接用路徑方式,用src="/easyui_demo/js/jquery-easyui-1.4.3/jquery.min.js代替了<%=basePath %>。
絕對路徑是指目錄下的絕對位置,直接到達目標位置,通常是從盤符開始的路徑。完整的描述文件位置的路徑就是絕對路徑,以web站點根目錄為參考基礎的目錄路徑。
㈣ jquery 怎麼實現獲取文件夾里的文件
html代碼:
<div id="divForm">
文件:<input type="file" id="myfile">
<input type="button" id="btnOpen" value="展示文件">
</div>
內容展示:
<div id="divShow" style="width:400px;height:300px;border:1px solid gray">
</div>js代碼:
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
//按鈕點擊事件
$("#btnOpen").click(function(){
//得到選擇的文件的路徑及文件名
var path=$("#myfile").val();
//載入本地文件
$.get(path).success(function(content){
// content就為文件data.txt的文本內容了
$("#divShow").html(content);
});
});
});
</script>
㈤ 如何在html中調用其他文件夾里的js代碼
如果JS內容會被反復引用,首先就要把它拿出來單獨成為.js結尾的文件。
當你要用的時候,就引用:
1
<script src="文件路徑/js文件名" type="text/javascript"></script>
如果引用的是jQuery框架寫的,還要先引用
1
<script src="文件存放路徑/jq最新的框架js" type="text/javascript"></script>
這樣就能調用同一個文件夾里的js了.
㈥ 請問如何從網頁源代碼中提取js文件
src="fowl/fowl.nocache.js"這個是相對路徑,你要把包括域名在內的絕對路徑加上才行,域名在你瀏覽器地址欄里可以找到。
比如網路的域名是「http://www..com/」,那麼網頁要加上 「http://www..com/」,放在一塊就是:「http://www..com/fowl/fowl.nocache.js」。
如果你還找不到,那可以下載Chrome(谷歌)瀏覽器,按F12鍵,你不用提取,你發現Chrome已經伴你提取了,點進去直接看,還有Firefox(火狐)瀏覽器也有這個功能,也是F12鍵,但是要裝一個FireBug插件,可以上網搜。
如果你懶得裝新瀏覽器,只想使用IE,那就打開C:\Documents and Settings\用戶名\Local Settings\Temporary Internet Files,這是XP系統下的IE人緩存目錄,你會找到fowl.nocache.js這個文件的,如果你找不到,就網路或者谷歌查一下「如何顯示隱藏的文件夾」,查一下「IE的緩存在哪兒」也可以。
如果你按照上面的方法解決了問題,快些結貼好不^_^
㈦ js點擊選擇文件目錄的功能
最近做一個小項目,前端需要有一個功能是點擊某按鈕時,彈出文件選擇的框,然後獲取目錄並寫入對應的輸入框里,以往是選擇某個文件進行上傳,功能看起來有些像,但這次不同的是只能選擇某個目錄而不是文件,因為它並不是上傳,它只是為了選擇後台生成的文件保存的路徑。
於是網上查解決方案,查到兩種,
一種是僅在谷歌瀏覽器上有效的方式,在input節點里加一個屬性 webkitdirectory,就可以實現點擊彈出選擇目錄的功能,然後就可以截取目錄,此種方式對非空文件夾是可以的實現的,只需監聽此input的change事件即可,但如果選擇的是空文件夾,就不會觸發事件,就無法獲取路徑,所以這方法不復合我的需求。
另一種是只適用於IE瀏覽器的方式,即調用IE的activeX控制項,為點擊按鈕綁定事件,然後就可以獲取目錄,然後到目錄調到想要的地方即可,具體實現方式是:
<input id="show">
<button onclick="clickBtn()">點擊</button>
function click() {
try {
var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939"; //選擇框提示 var Shell = new ActiveXObject("Shell.Application");
var Folder = Shell.BrowseForFolder(0, Message, 64, 17); //起始目錄為:我的電腦 //var Folder = Shell.BrowseForFolder(0, Message, 0); //起始目錄為:桌面 if (Folder != null) {
Folder = Folder.items(); // 返回 FolderItems 對象
Folder = Folder.item(); // 返回 Folderitem 對象
Folder = Folder.Path; // 返迴路徑
if (Folder.charAt(Folder.length - 1) != "\\") {
Folder = Folder + "\\";
}
document.getElementById('show').value = Folder;
return Folder;
}
} catch (e) { alert(e.message); }
}
但些方式也有一個問題是,此控制項是默認關閉的,需要用戶手動啟用,並且要把本站點加入可信任站點才行,具體設置過程是:
1. 單擊菜單工具->Internet選項->安全->受信任站點->站點->把此網站設為可信站點
2. 在自定義級別->對沒有標記為安全的ActiveX控制項進行初始化和腳本運行"----"啟用"
㈧ 如何通過網頁保存本地文件路徑,並可通過網頁執行
舉個例子給你聽聽復,你照著這個方製法做應該可以吧。
比如我要建立一個CS的網頁快捷方式。
我的CS目錄:D:\Program Files\CS
在該目錄下新建文本文件。
寫入核心代碼如下:
<a href="Program%20Files/CS/cstrike.exe">CS</a>
加上頭和尾就好了,再保存為網頁格式的文件類型,比如html。
注意該文件和所執行的文件需要在同一盤符下,而且html文件需要在所執行的exe文件的上級目錄或者更上級目錄中(建議直接放在盤符下面就好)。
不懂的網路消息我。