js獲取文件類型有多少

⑴ .js是什麼文件格式

.js文件是javaScript語言文件的擴展名。

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。JavaScript已經被廣泛用於Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。它是世界上最流行的腳本語言，在電腦、手機、平板上瀏覽的網頁，以及基於HTML5的手機App，交互邏輯都是由JavaScript驅動的。

(1)js獲取文件類型有多少擴展閱讀：

javascript腳本語言的主要特點：

1、解釋性：javascript是一種解釋語言，源代碼不需要經過編譯，直接在瀏覽器上運行時被解釋。

2、基於對象：javascript是一種基於對象的語言，能運用自己已經創建了的對象，許多功能可以來自於腳本環境中對象的方法與腳本的相互作用。

3、事件驅動：JavaScript可以直接對用戶或客戶輸入做出響應，無需經過web服務程序。他對用戶的響應，是以事件驅動的方式進行的，所謂事件驅動，指的是在主頁執行了某種操作所產生的動作，此動作稱為「事件」。

4、跨平台：JavaScript依賴於瀏覽器本身，與操作環境無關。只要能運行瀏覽器的計算機，並支持JavaScript的瀏覽器就可以正確執行。

5、安全性：JavaScript是一種安全性語言。它不允許訪問本地的磁碟，並不能將數據存入伺服器上；不允許對網路文本進行修改和刪除，只能通過瀏覽器實現信息瀏覽或動態交互。可有效的防止數據丟失。

⑵ js獲取HTML5 多文件file選擇的數量

<form onsubmit="return fileCountCheck(this);">

<input type="file" name="mulUp[]" multiple="multiple" required="required" />

<input type="submit" />

</form>

<script type="text/javascript">

function fileCountCheck(objForm){

if (window.File && window.FileList) {

var fileCount = objForm["mulUp[]"].files.length;

if(fileCount > 10){

window.alert('文件數不能超過10個，你選擇了' + fileCount + '個');

}

else {

window.alert('符合規定');

}

}

else {

window.alert('抱歉，你的瀏覽器不支持FileAPI，請升級瀏覽器！');

}

return false;

}

</script>

(2)js獲取文件類型有多少擴展閱讀

<!DOCTYPEHTML>

<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">

<scripttype="text/javascript">

varfiles=document.getElementById("input").files;

alert(input.files[i].name);

}

<inputtype="file"id="input"name="input"multiple="multiple"/>

</form>

</body>

⑶ js獲取當前文件下的文件數量.

正如小雨同學說的, 你可以創建一個用於響應ajax請求的頁面. 比如叫: filehelp.ashx
發起一個ajax請求版到filehelp.ashx . 然後filehelp.ashx頁面用服務端權代碼獲取指定文件夾下的所有文件的名稱.

然後拼成相對或絕對路徑. 再用ajax去請求這些文件. 就能獲取到這些文件了.
$.get('../ajax/filehelp.ashx', function(data){
//比如返回的是card文件夾下所有文件名稱的數據
// ['a.html', 'b.html', 'c.html']
data.reponseText.each(function(){
var url = '../card/' + this;
$.get(url, function(){
//this對象就是相應文件的dom內容了.
});
});
});

⑷ 如何用JS 獲取本地文件夾的文件列表

一、功能實現核心：FileSystemObject 對象
要在java-script中實現文件操作功能，主要就是依靠FileSystemobject對象。
二、FileSystemObject編程
使用FileSystemObject 對象進行編程很簡單，一般要經過如下的步驟： 創建FileSystemObject對象、應用相關方法、訪問對象相關屬性 。
（一）創建FileSystemObject對象
創建FileSystemObject對象的
代碼只要1行：
var fso = new ActiveXObject("Scripting.FileSystemObject");
上述代碼執行後，fso就成為一個FileSystemObject對象實例。
（二）應用相關方法
創建對象實例後，就可以使用對象的相關方法了。比如，使用CreateTextFile方法創建一個文本文件：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.createtextfile("c:\\myjstest.txt",true");
（三）訪問對象相關屬性
要訪問對象的相關屬性，首先要建立指向對象的句柄，這就要通過get系列方法實現：GetDrive負責獲取驅動器信息，GetFolder負責獲取文件夾信息，GetFile負責獲取文件信息。比如，指向下面的代碼後，f1就成為指向文件c:\test.txt的句柄：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("c:\\myjstest.txt");
然後，使用f1訪問對象的相關屬性。比如：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("c:\\myjstest.txt");
alert("File last modified: " + f1.DateLastModified);
執行上面最後一句後，將顯示c:\myjstest.txt的最後修改日期屬性值。
但有一點請注意：對於使用create方法建立的對象，就不必再使用get方法獲取對象句柄了，這時直接使用create方法建立的句柄名稱就可以：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.createtextfile("c:\\myjstest.txt",true");
alert("File last modified: " + f1.DateLastModified);
三、操作驅動器（Drives）
使用FileSystemObject對象來編程操作驅動器（Drives）和文件夾（Folders）很容易，這就象在Windows文件瀏覽器中對文件進行交互操作一樣，比如：拷貝、移動文件夾，獲取文件夾的屬性。
（一）Drives對象屬性
Drive對象負責收集系統中的物理或邏輯驅動器資源內容，它具有如下屬性：
l TotalSize：以位元組（byte）為單位計算的驅動器大小。
l AvailableSpace或FreeSpace：以位元組（byte）為單位計算的驅動器可用空間。
l DriveLetter：驅動器字母。
l DriveType：驅動器類型，取值為：removable（移動介質）、fixed（固定介質）、network（網路資源）、CD-ROM或者RAM盤。
l SerialNumber：驅動器的系列碼。
l FileSystem：所在驅動器的文件系統類型，取值為FAT、FAT32和NTFS。
l IsReady：驅動器是否可用。
l ShareName：共享名稱。
l VolumeName：卷標名稱。
l Path和RootFolder：驅動器的路徑或者根目錄名稱。
（二）Drive對象操作常式
下面的常式顯示驅動器C的卷標、總容量和可用空間等信息：
var fso, drv, s ="";
fso = new ActiveXObject("Scripting.FileSystemObject");
drv = fso.GetDrive(fso.GetDriveName("c:\\"));
s += "Drive C:" + " - ";
s += drv.VolumeName + "\n";
s += "Total Space: " + drv.TotalSize / 1024;
s += " Kb" + "\n";
s += "Free Space: " + drv.FreeSpace / 1024;
s += " Kb" + "\n";
alert(s);
四、操作文件夾（Folders）
涉及到文件夾的操作包括創建、移動、刪除以及獲取相關屬性。
Folder對象操作常式 :
下面的常式將練習獲取父文件夾名稱、創建文件夾、刪除文件夾、判斷是否為根目錄等操作：
var fso, fldr, s = "";
// 創建FileSystemObject對象實例
fso = new ActiveXObject("Scripting.FileSystemObject");
// 獲取Drive 對象
fldr = fso.GetFolder("c:\\");
// 顯示父目錄名稱
alert("Parent folder name is: " + fldr + "\n");
// 顯示所在drive名稱
alert("Contained on drive " + fldr.Drive + "\n");
// 判斷是否為根目錄
if (fldr.IsRootFolder)
alert("This is the root folder.");
else
alert("This folder isn't a root folder.");
alert("\n\n");
// 創建新文件夾
fso.CreateFolder ("C:\\Bogus");
alert("Created folder C:\\Bogus" + "\n");
// 顯示文件夾基礎名稱，不包含路徑名
alert("Basename = " + fso.GetBaseName("c:\\bogus") + "\n");
// 刪除創建的文件夾
fso.DeleteFolder ("C:\\Bogus");
alert("Deleted folder C:\\Bogus" + "\n");
五、操作文件（Files）
對文件進行的操作要比以上介紹的驅動器（Drive）和文件夾（Folder）操作復雜些，基本上分為以下兩個類別：對文件的創建、拷貝、移動、刪除操作和對文件內容的創建、添加、刪除和讀取操作。下面分別詳細介紹。
（一）創建文件
一共有3種方法可用於創建一個空文本文件，這種文件有時候也叫做文本流（text stream）。
第一種是使用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方法。
（三）創建文件及添加數據常式
下面的代碼將創建文件、添加數據、關閉文件幾個步驟結合起來進行應用：
var fso, tf;
fso = new ActiveXObject("Scripting.FileSystemObject");
// 創建新文件
tf = fso.CreateTextFile("c:\\testfile.txt", true);
// 填寫數據，並增加換行符
tf.WriteLine("Testing 1, 2, 3.") ;
// 增加3個空行
tf.WriteBlankLines(3) ;
// 填寫一行，不帶換行符
tf.Write ("This is a test.");
// 關閉文件
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 //文件屬性
Case 0 Str="普通文件。沒有設置任何屬性。 "
Case 1 Str="只讀文件。可讀寫。 "
Case 2 Str="隱藏文件。可讀寫。 "
Case 4 Str="系統文件。可讀寫。 "
Case 16 Str="文件夾或目錄。只讀。 "
Case 32 Str="上次備份後已更改的文件。可讀寫。 "
Case 1024 Str="鏈接或快捷方式。只讀。 "
Case 2048 Str=" 壓縮文件。只讀。"
f.Datecreated // 創建時間
f.DateLastAccessed //上次訪問時間
f.DateLastModified // 上次修改時間
f.Path //文件路徑
f.Name //文件名稱
f.Type //文件類型
f.Size // 文件大小（單位：位元組）
f.ParentFolder //父目錄
f.RootFolder // 根目錄

⑸ js如何判斷文件類型是否是rar

<!DOCTYPEhtml>
<html>
<head>
</head>
<body>
<!--html-->
<divclass="box">
<inputtype="file"name=""id="file">
</div>
<scriptsrc="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<scripttype="text/javascript">
$("#file").change(function(){
varfileName=$(this).val();
varsuffix=fileName.split(".")[1];
if(suffix=="rar"){
alert("上傳的是rar文件");
}else{
alert("上傳的是其他文件")
}
})
</script>
</body>
</html>

選中文件後通過截取.後面的字元串來判斷文件是以什麼結尾的就可以判斷該文件的類型了。
上面代碼你選中一個文件後，頁面會彈出你選擇的文件是否為rar格式的文件。

效果圖

⑹ js實現各種文件下載，文件類型包括word、excel、exe、pdf、txt、jpg等等

http jq ajax請求後台 返回一個文件 直接就可以下載了 下載地址為瀏覽器設置的默認下載地址

⑺ js 判斷文件格式

實現如下：
用js對上傳的文件大小以及格式進行初步的判斷，在服務端再進行一次判斷
//判斷照片大小
function getPhotoSize(obj){
photoExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();//獲得文件後綴名
if(photoExt!='.jpg'){
alert("請上傳後綴名為jpg的照片!");
return false;
}
var fileSize = 0;
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
if (isIE && !obj.files) {
var filePath = obj.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
var file = fileSystem.GetFile (filePath);
fileSize = file.Size;
}else {
fileSize = obj.files[0].size;
}
fileSize=Math.round(fileSize/1024*100)/100; //單位為KB
if(fileSize>=10){
alert("照片最大尺寸為10KB，請重新上傳!");
return false;
}
}

jsp頁面：

<input type="file" id="imgFile" name="upload" style="width:150px;" onchange="getPhotoSize(this)"/>