
js获取本地文件夹下的文件
一、功能实现核心:FileSystemObject 对象
要在javascript中实现文件 *** 作功能,主要就是依靠FileSystemobject对象。
二、FileSystemObject编程
使用FileSystemObject 对象进行编程很简单,一般要经过如下的步骤: 创建FileSystemObject对象、应用相关方法、访问对象相关属性 。
(一)创建FileSystemObject对象
创建FileSystemObject对象的
代码只要1行:
var fso = new ActiveXObject("ScriptingFileSystemObject");上述代码执行后,fso就成为一个FileSystemObject对象实例。
(二)应用相关方法
创建对象实例后,就可以使用对象的相关方法了。比如,使用CreateTextFile方法创建一个文本文件:
var fso = new ActiveXObject("ScriptingFileSystemObject");var f1 = fsocreatetextfile("c:\myjstesttxt",true");
(三)访问对象相关属性
要访问对象的相关属性,首先要建立指向对象的句柄,这就要通过get系列方法实现:GetDrive负责获取驱动器信息,GetFolder负责获取文件夹信息,GetFile负责获取文件信息。比如,指向下面的代码后,f1就成为指向文件c: esttxt的句柄:
var fso = new ActiveXObject("ScriptingFileSystemObject");var f1 = fsoGetFile("c:\myjstesttxt");
然后,使用f1访问对象的相关属性。比如:
var fso = new ActiveXObject("ScriptingFileSystemObject");var f1 = fsoGetFile("c:\myjstesttxt");
alert("File last modified: " + f1DateLastModified);
执行上面最后一句后,将显示c:myjstesttxt的最后修改日期属性值。
但有一点请注意:对于使用create方法建立的对象,就不必再使用get方法获取对象句柄了,这时直接使用create方法建立的句柄名称就可以:
var fso = new ActiveXObject("ScriptingFileSystemObject");var f1 = fsocreatetextfile("c:\myjstesttxt",true");
alert("File last modified: " + f1DateLastModified);
三、 *** 作驱动器(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("ScriptingFileSystemObject");
drv = fsoGetDrive(fsoGetDriveName("c:\"));
s += "Drive C:" + " - ";
s += drvVolumeName + " ";
s += "Total Space: " + drvTotalSize / 1024;
s += " Kb" + " ";
s += "Free Space: " + drvFreeSpace / 1024;
s += " Kb" + " ";
alert(s);
四、 *** 作文件夹(Folders)
涉及到文件夹的 *** 作包括创建、移动、删除以及获取相关属性。
Folder对象 *** 作例程 :
下面的例程将练习获取父文件夹名称、创建文件夹、删除文件夹、判断是否为根目录等 *** 作:
var fso, fldr, s = "";
// 创建FileSystemObject对象实例
var fso, fldr, s = "";
// 创建FileSystemObject对象实例
fso = new ActiveXObject("ScriptingFileSystemObject");
// 获取Drive 对象
fldr = fsoGetFolder("c:\");
// 显示父目录名称
alert("Parent folder name is: " + fldr + " ");
// 显示所在drive名称
alert("Contained on drive " + fldrDrive + " ");
// 判断是否为根目录
if (fldrIsRootFolder)
alert("This is the root folder");
else
alert("This folder isn't a root folder");
alert(" ");
// 创建新文件夹
fsoCreateFolder ("C:\Bogus");
alert("Created folder C:\Bogus" + " ");
// 显示文件夹基础名称,不包含路径名
alert("Basename = " + fsoGetBaseName("c:\bogus") + " ");
// 删除创建的文件夹
fsoDeleteFolder ("C:\Bogus");
alert("Deleted folder C:\Bogus" + " ");
五、 *** 作文件(Files)
对文件进行的 *** 作要比以上介绍的驱动器(Drive)和文件夹(Folder) *** 作复杂些,基本上分为以下两个类别:对文件的创建、拷贝、移动、删除 *** 作和对文件内容的创建、添加、删除和读取 *** 作。下面分别详细介绍。
(一)创建文件
一共有3种方法可用于创建一个空文本文件,这种文件有时候也叫做文本流(text stream)。
第一种是使用CreateTextFile方法。代码如下:
var fso, f1;
fso = new ActiveXObject("ScriptingFileSystemObject");
f1 = fsoCreateTextFile("c:\testfiletxt", true);
第二种是使用OpenTextFile方法,并添加上ForWriting属性,ForWriting的值为2。代码如下:
var fso, ts;
var ForWriting= 2;
fso = new ActiveXObject("ScriptingFileSystemObject");
ts = fsoOpenTextFile("c:\testtxt", ForWriting, true);
第三种是使用OpenAsTextStream方法,同样要设置好ForWriting属性。代码如下:
var fso, f1, ts;
var ForWriting = 2;
fso = new ActiveXObject("ScriptingFileSystemObject");
fsoCreateTextFile ("c:\test1txt");
f1 = fsoGetFile("c:\test1txt");
ts = f1OpenAsTextStream(ForWriting, true);
(二)添加数据到文件
当文件被创建后,一般要按照“打开文件->填写数据->关闭文件”的步骤实现添加数据到文件的目的。
打开文件可使用FileSystemObject对象的OpenTextFile方法,或者使用File对象的OpenAsTextStream方法。
填写数据要使用到TextStream对象的Write、WriteLine或者WriteBlankLines方法。在同是实现写入数据的功能下,这3者的区别在于:Write方法不在写入数据末尾添加新换行符,WriteLine方法要在最后添加一个新换行符,而WriteBlankLines则增加一个或者多个空行。
关闭文件可使用TextStream对象的Close方法。
(三)创建文件及添加数据例程
下面的代码将创建文件、添加数据、关闭文件几个步骤结合起来进行应用:
var fso, tf;
fso = new ActiveXObject("ScriptingFileSystemObject");
// 创建新文件
tf = fsoCreateTextFile("c:\testfiletxt", true);
// 填写数据,并增加换行符
tfWriteLine("Testing 1, 2, 3") ;
// 增加3个空行
tfWriteBlankLines(3) ;
// 填写一行,不带换行符
tfWrite ("This is a test");
// 关闭文件
tfClose();
(四)读取文件内容
从文本文件中读取数据要使用TextStream对象的Read、ReadLine或ReadAll 方法。Read方法用于读取文件中指定数量的字符; ReadLine方法读取一整行,但不包括换行符;ReadAll方法则读取文本文件的整个内容。读取的内容存放于字符串变量中,用于显示、分析。
在firefox上,input(type=file)默认获取到的value值就是文件名。
在IE上,input(type=file)默认获取到的value值是路径。
因此用js来获取fileupload中的上传文件的文件名需要多方面考虑。
示例代码:
<form action="" method="get" onSubmit="return false;">
<input type="text" name="test" id="test">
<input type="file" name="testFile" onChange="if(thisvalue)insertTitle(thisvalue);">
<input type="submit" value="提交">
</form>
<script language="javascript">
function insertTitle(path){
var test1 = pathlastIndexOf("/"); //对路径进行截取
var test2 = pathlastIndexOf("\\"); //对路径进行截取
var test= Mathmax(test1, test2)
if(test<0){
documentgetElementById("test")value = path;
}else{
documentgetElementById("test")value = pathsubstring(test + 1); //赋值文件名
}
}
</script>
javascript获取服务器目录是极度危险的,首先服务器上没有客户端获取读或写的权限,并且一般浏览器都会阻止掉,因为不可能让客户端去控制服务器端的文件。
实现这个功能的方法比较多,随便用一门后台语言就可以了,例如php可以直接通过opendir()打开再写一个读取文件夹下的文件函数再输入到浏览器就可以了
手写一个简单的获取文件例子函数:
function readfiles($dirname){
if(!file_exists($dirname)){
echo "文件夹不存在!";
return;
}
if(!is_dir($dirname)){
echo "不是文件夹";
return;
}
$dir=opendir($dirname);
echo "<table border=1 style='font-size:14px;'>";
echo "<caption><h2>{$dirname}下的文件列表</h2></caption>";
echo "<tr><th>查看文件</th><th>修改文件</th><th>删除文件</th><th>文件名</th><th>文件类型</th><th>文件大小</th><th>创建时间</th><th>最后修改时间</th><th>最后查看时间</th></tr>";
while($file=readdir($dir)){
$files=$dirname"/"$file;
if($file!="" && $file !=""){
if(is_dir($files)){
echo "<tr style='background:#ccc'>";
echo "<td><a href='/test1phpdirname={$files}'>查看</a></td>";
echo "<td>修改</td>";
echo "<td>删除</td>";
echo "<td>{$files}</td>";
echo "<td>"filetype($files)"</td>";
echo "<td>"filesize($files)"</td>";
echo "<td>"date("Y-m-d H:i:s",filectime($files))"</td>";
echo "<td>"date("Y-m-d H:i:s",filemtime($files))"</td>";
echo "<td>"date("Y-m-d H:i:s",fileatime($files))"</td>";
echo "</tr>";
}else{
echo "<tr>";
echo "<td><a href='/test1phpfilename={$files}'>查看</a></td>";
echo "<td>修改</td>";
echo "<td>删除</td>";
echo "<td>{$files}</td>";
echo "<td>"filetype($files)"</td>";
echo "<td>"filesize($files)"</td>";
echo "<td>"date("Y-m-d H:i:s",filectime($files))"</td>";
echo "<td>"date("Y-m-d H:i:s",filemtime($files))"</td>";
echo "<td>"date("Y-m-d H:i:s",fileatime($files))"</td>";
echo "</tr>";
}
}
}
echo "</table>";
}
如果非要用javascript的话就用ajax提交到后台再由php处理吧。再返回就可以了。
js不能用于 *** 作文件,但是可以通过JS调用PHP等程序对文件流进行 *** 作,我这里只涉及前端调用(JQ AJAX,注意要引用JQ类库,并且AJAX必须在服务端才能运行,也就是你必须搭建服务器),至于你文档 *** 作的程序这个得自行搞定了。
<!DOCTYPE HTML>
<html>
<head>
<meta >
用GetFileName方法就行,方法介绍如下,希望对你有所帮助:
GetFileName 方法
返回指定路径的最后成分,但指定的路径不能只是驱动器说明。
objectGetFileName(pathspec)
参数
object
必选项。 应为 FileSystemObject 的名称。
pathspec
必选项。 指定文件的路径(绝对的或相对的)。
说明
如果 pathspec 没有以文件名成分结束,那么 GetFileName 方法将返回长度为零的字符串 ("") 。
注意 GetFileName 方法只作用于所提供的路径字符串。 不会试图解析路径,也不会检查路径存在与否。
下面的例子说明了 GetFileName 方法的用法。
function ShowFileName(filespec)
{
var fso, s = "";
fso = new ActiveXObject("ScriptingFileSystemObject");
s += fsoGetFileName(filespec);
return(s);
}
可以的啦!
第一步:创建一个可以将文件翻译成文件流的对象。
Var fso=new ActiveXObject(ScriptingFileSystemObject);
第二步:用于创建一个textStream 对象,括号里边有三个属性
1 文件的绝对路径
2 文件的常数 只读=1,只写=2 ,追加=8 等权限。(ForReading 、 ForWriting 或 ForAppending 。);
3 一个布尔值 允许新建则为true 相反为false;
例:Var f=fsoopentextfile(“C:\atxt”,1,true);
第三步:调用读取方法
1 Read(用于读取文件中指定数量的字符)
2 ReadLine(读取一整行,但不包括换行符)
3 ReadAll(则读取文本文件的整个内容);
判断是否读取到最后一行
while (!fAtEndOfStream)
{
fReadline();
}
第四步:
关闭textStream 对象:
例:fclose();
例子:
<html>
<head>
<title>new page</title>
<script>
function GetHeader(src) {
//权限只读(只读=1,只写=2 ,追加=8 等权限)
var ForReading=1;
var fso=new ActiveXObject("ScriptingFileSystemObject");
var f=fsoOpenTextFile(src,ForReading);
return(fReadAll());
}
var arr=GetHeader("d:\\testtxt")split("\r\n");
for(var i=0;i<arrlength;i++){
alert("第"+(i+1)+"行数据为:"+arr[i]);
}
</script>
</head>
<body>
</body>
</html>
其实都大同小类滴。做笔记的习惯很好,网上随时都可以翻出来看,还可以交流,或许我可以借鉴一下。
以上就是关于js获取当前文件下的文件数量.全部的内容,包括:js获取当前文件下的文件数量.、怎么用js来获取 file中的上传文件的文件名、javascript怎么获取远程目录文件列表等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)