js获取文件类型有多少|如何用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>

<html>

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

<body>

<scripttype="text/javascript">

functiononc(){

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

for(vari=0;i<files.length;i++){

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

}

}

</script>

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

<buttononclick="onc()">查看文件</button>

</form>

<p>请尝试在浏览文件时选取一个以上的文件。</p>

</body>

</html>

⑶ 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)"/>


赞 (0)