页面获取文件夹路径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

㈢ easyui获取文件夹绝对路径

第一种：用basePath方式，但是前提必须加个<%=basePath %>。第二种：直接用路径方式，用src="/easyui_demo/js/jquery-easyui-1.4.3/jquery.min.js代替了<%=basePath %>。
绝对路径是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。完整的描述文件位置的路径就是绝对路径，以web站点根目录为参考基础的目录路径。

㈣ jquery 怎么实现获取文件夹里的文件

html代码：
<div id="divForm">
文件：<input type="file" id="myfile">
<input type="button" id="btnOpen" value="展示文件">
</div>
内容展示：
<div id="divShow" style="width:400px;height:300px;border:1px solid gray">
</div>js代码：
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
//按钮点击事件
$("#btnOpen").click(function(){
//得到选择的文件的路径及文件名
var path=$("#myfile").val();
//加载本地文件
$.get(path).success(function(content){
// content就为文件data.txt的文本内容了
$("#divShow").html(content);
});
});
});
</script>

㈤ 如何在html中调用其他文件夹里的js代码

如果JS内容会被反复引用，首先就要把它拿出来单独成为.js结尾的文件。

当你要用的时候，就引用：

1
<script src="文件路径/js文件名" type="text/javascript"></script>
如果引用的是jQuery框架写的，还要先引用

1
<script src="文件存放路径/jq最新的框架js" type="text/javascript"></script>
这样就能调用同一个文件夹里的js了.

㈥ 请问如何从网页源代码中提取js文件

src="fowl/fowl.nocache.js"这个是相对路径，你要把包括域名在内的绝对路径加上才行，域名在你浏览器地址栏里可以找到。
比如网络的域名是“http://www..com/”，那么网页要加上 “http://www..com/”，放在一块就是：“http://www..com/fowl/fowl.nocache.js”。
如果你还找不到，那可以下载Chrome（谷歌）浏览器，按F12键，你不用提取，你发现Chrome已经伴你提取了，点进去直接看，还有Firefox（火狐）浏览器也有这个功能，也是F12键，但是要装一个FireBug插件，可以上网搜。
如果你懒得装新浏览器，只想使用IE，那就打开C:\Documents and Settings\用户名\Local Settings\Temporary Internet Files，这是XP系统下的IE人缓存目录，你会找到fowl.nocache.js这个文件的，如果你找不到，就网络或者谷歌查一下“如何显示隐藏的文件夹”，查一下“IE的缓存在哪儿”也可以。
如果你按照上面的方法解决了问题，快些结贴好不^_^

㈦ js点击选择文件目录的功能

最近做一个小项目，前端需要有一个功能是点击某按钮时，弹出文件选择的框，然后获取目录并写入对应的输入框里，以往是选择某个文件进行上传，功能看起来有些像，但这次不同的是只能选择某个目录而不是文件，因为它并不是上传，它只是为了选择后台生成的文件保存的路径。

于是网上查解决方案，查到两种，

一种是仅在谷歌浏览器上有效的方式，在input节点里加一个属性 webkitdirectory，就可以实现点击弹出选择目录的功能，然后就可以截取目录，此种方式对非空文件夹是可以的实现的，只需监听此input的change事件即可，但如果选择的是空文件夹，就不会触发事件，就无法获取路径，所以这方法不复合我的需求。

另一种是只适用于IE浏览器的方式，即调用IE的activeX控件，为点击按钮绑定事件，然后就可以获取目录，然后到目录调到想要的地方即可，具体实现方式是：

<input id="show">

<button onclick="clickBtn()">点击</button>

function click() {

    try {

        var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939"; //选择框提示                var Shell = new ActiveXObject("Shell.Application");

        var Folder = Shell.BrowseForFolder(0, Message, 64, 17); //起始目录为：我的电脑                //var Folder = Shell.BrowseForFolder(0, Message, 0); //起始目录为：桌面                if (Folder != null) {

            Folder = Folder.items(); // 返回 FolderItems 对象            

            Folder = Folder.item(); // 返回 Folderitem 对象            

            Folder = Folder.Path; // 返回路径            

            if (Folder.charAt(Folder.length - 1) != "\\") {

                Folder = Folder + "\\";

            }

            document.getElementById('show').value = Folder;

            return Folder;

        }

    } catch (e) {  alert(e.message); }

}

但些方式也有一个问题是，此控件是默认关闭的，需要用户手动启用，并且要把本站点加入可信任站点才行，具体设置过程是：

1. 单击菜单工具->Internet选项->安全->受信任站点->站点->把此网站设为可信站点

2. 在自定义级别->对没有标记为安全的ActiveX控件进行初始化和脚本运行"----"启用"

㈧ 如何通过网页保存本地文件路径，并可通过网页执行

举个例子给你听听复，你照着这个方制法做应该可以吧。

比如我要建立一个CS的网页快捷方式。

我的CS目录：D:\Program Files\CS

在该目录下新建文本文件。
写入核心代码如下：

<a href="Program%20Files/CS/cstrike.exe">CS</a>

加上头和尾就好了，再保存为网页格式的文件类型，比如html。

注意该文件和所执行的文件需要在同一盘符下，而且html文件需要在所执行的exe文件的上级目录或者更上级目录中（建议直接放在盘符下面就好）。

不懂的网络消息我。