如何用javascript *** 作本地文件

如何用javascript *** 作本地文件,第1张

一、功能实现核心: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:/testtxt的句柄: 

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 + "/n"; 

s += "Total Space: " + drvTotalSize / 1024; 

s += " Kb" + "/n"; 

s += "Free Space: " + drvFreeSpace / 1024; 

s += " Kb" + "/n"; 

alert(s); 

四、 *** 作文件夹(Folders) 

涉及到文件夹的 *** 作包括创建、移动、删除以及获取相关属性。 

Folder对象 *** 作例程 : 

下面的例程将练习获取父文件夹名称、创建文件夹、删除文件夹、判断是否为根目录等 *** 作: 

var fso, fldr, s = ""; 

// 创建FileSystemObject对象实例 

fso = new ActiveXObject("ScriptingFileSystemObject"); 

// 获取Drive 对象 

fldr = fsoGetFolder("c://"); 

// 显示父目录名称 

alert("Parent folder name is: " + fldr + "/n"); 

// 显示所在drive名称 

alert("Contained on drive " + fldrDrive + "/n"); 

// 判断是否为根目录 

if (fldrIsRootFolder) 

alert("This is the root folder"); 

else 

alert("This folder isn't a root folder"); 

alert("/n/n"); 

// 创建新文件夹 

fsoCreateFolder ("C://Bogus"); 

alert("Created folder C://Bogus" + "/n"); 

// 显示文件夹基础名称,不包含路径名 

alert("Basename = " + fsoGetBaseName("c://bogus") + "/n"); 

// 删除创建的文件夹 

fsoDeleteFolder ("C://Bogus"); 

alert("Deleted folder C://Bogus" + "/n"); 

五、 *** 作文件(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方法则读取文本文件的整个内容。读取的内容存放于字符串变量中,用于显示、分析。 

方法或者属性 描述 

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() 打开一个文件流 

fFiles //目录下所有文件集合 

fattributes //文件属性 

Case 0 Str="普通文件。没有设置任何属性。 " 

Case 1 Str="只读文件。可读写。 " 

Case 2 Str="隐藏文件。可读写。 " 

Case 4 Str="系统文件。可读写。 " 

Case 16 Str="文件夹或目录。只读。 " 

Case 32 Str="上次备份后已更改的文件。可读写。 " 

Case 1024 Str="链接或快捷方式。只读。 " 

Case 2048 Str=" 压缩文件。只读。" 

fDatecreated // 创建时间 

fDateLastAccessed //上次访问时间 

fDateLastModified // 上次修改时间 

fPath //文件路径 

fName //文件名称 

fType //文件类型 

fSize // 文件大小(单位:字节) 

fParentFolder //父目录 

fRootFolder // 根目录 

实例说明 

BuildPath(路径,文件名) //这个方法会对给定的路径加上文件,并自动加上分界符 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

var newpath = fsoBuildPath("c://tmp", "51jstxt"); //生成 c:/tmp/51jstxt的路径 

alert(newpath); 

--> 

</SCRIPT> 

CopyFile(源文件, 目标文件, 覆盖) //复制源文件到目标文件,当覆盖值为true时,如果目标文件存在会把文件覆盖 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

var newpath = fsoCopyFile("c://autoexecbat", "d://autoexecbak"); 

--> 

</SCRIPT> 

CopyFolder(对象目录,目标目录 ,覆盖) //复制对象目录到目标目录,当覆盖为true时,如果目标目录存在会把文件覆盖 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

fsoCopyFolder("c://WINDOWS//Desktop", "d://"); //把C盘的Desktop目录复制到D盘的根目录 

--> 

</SCRIPT> 

CreateFolder(目录名) //创建一个新的目录 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

var newFolderName = fsoCreateFolder("c://51JS"); //在C盘上创建一个51JS的目录 

--> 

</SCRIPT> 

CreateTextFile(文件名, 覆盖) //创建一个新的文件,如果此文件已经存在,你需要把覆盖值定为true 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

var newFileObject = fsoCreateTextFile("c://autoexec51JSbat", true); //脚本将在C盘创建一个叫 autoexec51JSbat的文件 

--> 

</SCRIPT> 

DeleteFile(文件名, 只读?) //删除一个文件,如果文件的属性是只读的话,你需要把只读值设为true 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); //为了安全我先把要删除的autoexecbat备份到你的D盘 

var newpath = fsoCopyFile("c://autoexecbat", "d://autoexecbat"); //把C盘的autoexecbat文件删除掉 

fsoDeleteFile("c://autoexecbat", true); 

--> 

</SCRIPT> 

DeleteFolder(文件名, 只读?)//删除一个目录,如果目录的属性是只读的话,你需要把只读值设为true 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

fsoCopyFolder("c://WINDOWS//Desktop", "d://"); //为了安全我先把你C盘的Desktop目录复制到你D盘的根目录 

fsoDeleteFolder("c://WINDOWS//Desktop", true); //把你的Desktop目录删除,但因为desktop是系统的东西,所以不能全部删除,但 

--> 

</SCRIPT> 

DriveExists(盘符) //检查一个盘是否存在,如果存在就返会真,不存在就返回 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

hasDriveD = fsoDriveExists("d"); //检查系统是否有D盘存在 

hasDriveZ = fsoDriveExists("z"); //检查系统是否有Z盘存在 

if (hasDriveD) alert("你的系统内有一个D盘"); 

if (!hasDriveZ) alert("你的系统内没有Z盘"); 

--> 

</SCRIPT> 

FileExists(文件名) //检查一个文件是否存在,如果存在就返会真,不存在就返回 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

fileName = fsoFileExists("c://autoexecbat"); 

if (fileName) alert("你在C盘中有autoexecbat文件,按下确定后这个文件将被删除!"); //开个玩笑:) 

--> 

</SCRIPT> 

FolderExists(目录名) //检查一个目录是否存在,如果存在就返会真,不存在就返回 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

folderName = fsoFolderExists("c://WINDOWS//Fonts"); 

if (folderName) alert("按下确定后系统的字库将被删除!"); //开个玩笑:) 

--> 

</SCRIPT> 

GetAbsolutePathName(文件对象) //返回文件对象在系统的绝对路径 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

pathName = fsoGetAbsolutePathName("c://autoexecbat"); 

alert(pathName); 

--> 

</SCRIPT> 

GetBaseName(文件对象) //返回文件对象的文件名 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

baseName = fsoGetBaseName("c://autoexecbat"); //取得autoexecbat的文件名autoexec 

alert(baseName); 

--> 

</SCRIPT> 

GetExtensionName(文件对象) //文件的后缀 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

exName = fsoGetExtensionName("c://autoexecbat"); //取得autoexecbat后缀bat 

alert(exName); 

--> 

</SCRIPT> 

GetParentFolderName(文件对象) //取得父级的目录名 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

parentName = fsoGetParentFolderName("c://autoexecbat"); //取得autoexecbat的父级目录C盘 

alert(parentName); 

--> 

</SCRIPT> 

GetSpecialFolder(目录代码) //取得系统中一些特别的目录的路径,目录代码有3个分别是 0:安装Window的目录 1:系统文件目录 2:临时文件目录 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

tmpFolder = fsoGetSpecialFolder(2); //取得系统临时文件目录的路径 如我的是 C:/windows/temp 

alert(tmpFolder); 

--> 

</SCRIPT> 

GetTempName() //生成一个随机的临时文件对象,会以rad带头后面跟着些随机数,就好象一些软件在安装时会生成tmp 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

tmpName = fsoGetTempName(); //我在测试时就生成了radDB70Etmp 

alert(tmpName); 

--> 

</SCRIPT> 

MoveFile(源文件, 目标文件) //把源文件移到目标文件的位置 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

var fso = new ActiveXObject("ScriptingFileSystemObject"); 

var newpath = fsoMoveFile("c://autoexecbat", "d://autoexecbat"); //把C盘的autoexecbat文件移移动到D盘 

-->

直接用就可以,不如ajs包含

var areaServer=[{"id":"6122","name":"神骑世界","order":"1",

"server":[{"id":"34579","name":"所有区服","order":"0","value":"0"}],

"value":"1"},{"id":"6613","name":"狼烟","order":"1",

"server":[{"id":"37952","name":"烽火万里","order":"0","value":"1001"}],"value":"2"}];

再bhtm页面,需要先引用js文件,相对路径绝对路径都可以,但是必须是网络路径,而不是本地路径

<script type="text/javascript" src="ajs"></script>

<script type="text/javascript">

alert(areaServer[0]id);

</script>

PDFjs 是一个用于显示PDF文件的JavaScript库,它使用HTML5和CSS3来渲染PDF文件,而不需要插件或外部处理器。PDFjs可以在任何浏览器中运行,并且可以自定义,以便实现特定的功能。PDFjs的API可用于控制文档的渲染,例如添加页面控件,定义文档的颜色模式,更改文本大小,搜索文本,缩放页面,以及更多。PDFjs还允许开发人员将注释和框添加到PDF文档中,以便更好地理解文档的内容。此外,PDFjs还支持文档的加密和客户端存储,以及对外部链接的支持。PDFjs提供了强大的渲染功能,使开发人员能够在浏览器中更轻松地展示PDF文件。

input file在选择完文件之后,他的值就是这个文件在你机器上的路径

js本身是不能去读取这个文件的内容的,比如获取大小,类型之类

你说的功能是属于ajax上传文件,服务器完成上传后返回文件的信息(或者内容),然后再在html上加载出来

这个功能一定要后台来完成

上传一个文本文件,input file获取本机路径,上传至服务器,服务器读取文本内容返回文本内容,在html上打印出来

js读写本地文件是浏览器不兼容的,如果js可以随意修改、删除你本机的文件你当然不高兴了,所以js是被浏览器禁止的

抛开兼容问题,如果你非要用js读取,ie下是可以的,你搜下

js读写本地文件

就能搜到很多

贴代码容易被删我就不发了

通过什么方式打印的呢?直接打印html还是有专门的控件来打印的?

要是直接打印html的话 ,可以先做好模板,如下,在加载模板后。调用js函数,把父页面中的打印区域耗过来放到模板的打印区域中。然后点打印。看看这种方式能接受不?

注意,只是简单的写了一下,实际用的时候得修改。

<html>

<head>

<script language="javascript">

function _load(){

documentgetElementById("body")innerHTML = parentgetElementById("你的区域标示")innerHTML;

}

</script>

</head>

<body onload = "_load()">

<h1>这是页眉</h1>

<div id="body"></div>

<h1>这是页脚</h1>

</body>

</html>

补充一下, 上面的程序有点问题。

js函数修改为

var s = parentopener;

documentgetElementById("body")innerHTML = sdocumentgetElementById("s")innerHTML;

可是如果获取的内容很长 ,那会不会把页脚撑到其他页面去呢,我记得这个jsprint是没有办法控制的吧。

你的打印格式固定不?要是固定A4的话, 你可以通过数一张纸能放多少行, 来自动分页,把页眉与页脚当做正文来打。这个比较麻烦,和字体高度有关系。

以上就是关于如何用javascript *** 作本地文件全部的内容,包括:如何用javascript *** 作本地文件、javascript 怎么获取外部文件.js中的数组值.js文件内容、pdfjs获取渲染结束等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9565671.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存