js可以讀取什麼文件

JS如何動態獲取本地文件夾中的所有圖片

1、require.context

2、具培肢體實現步驟

首先我們需要知道圖片爛中毀的路徑，圖片的路徑是相對路徑也可以飢備是絕對路徑；其次我們需要獲取到圖片的文件名

//讀文件

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();

一、功能實現核心：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