忆风的博客

http://www.cnblogs.com/dhjdhja

日志

关于我

忆风

文章分类

javascript获得客户机目录

2009-09-23 15:28:41| 分类： javascript | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

　　突然想写这个东西~~~~。

　　在javascript中使用FileSystemObject获得客户机上的目录消息。当然这需要用户同意才行。在运行时会弹出一个确认消息框，用户同意后才运行。

　　不说了直接上例子：

<div>
<div id="div_folders"></div>
<div id="div_files"></div>
</div>
<style>
#div_folders
{
border:1px solid #0000FF;
width:400px;
float:left;
}
#div_files
{
border:1px solid #00FF00;
float:left;
}
.folderLink
{
cursor:pointer;
border-bottom:1px solid #0033CC;
color:#0000FF;
}
</style>
<script>

//显示folder目录中的信息，如果folder是个不存在的目录显示我的电脑中的信息
function disFolder(folder)
{
var objFSO = new ActiveXObject("Scripting.FileSystemObject");

var div_folders=document.getElementById("div_folders");
div_folders.innerHTML="";
//获得当前目录的父目录
var parentFolder=folder.substring(0,folder.lastIndexOf("\\"));
if(objFSO.FolderExists(parentFolder))
{
  //添加父目录链接
  div_folders.appendChild(createFolderLink("..",parentFolder));
  //添加子目录链接
  var objRoot=objFSO.GetFolder(folder);
  var colAllFolders = new Enumerator(objRoot.SubFolders);
  for(;!colAllFolders.atEnd();colAllFolders.moveNext())
  {
   var objFolder1 = colAllFolders.item();
   div_folders.appendChild(createFolderLink(objFolder1.Name,objFolder1.Path));
  }
}
else
{
  var colDrives = new Enumerator(objFSO.Drives);
  for (;!colDrives.atEnd(); colDrives.moveNext())
  {
    objDrive = colDrives.item();
    div_folders.appendChild(createFolderLink(objDrive.DriveLetter+":\\",objDrive.DriveLetter+":\\"));
  }
  return;
}
//显示文件
var colFiles = new Enumerator(objRoot.Files);
var div_files=document.getElementById("div_files");
div_files.innerHTML="<label style=color:#cccccc>"+objRoot.Path+"</label>";
for (; !colFiles.atEnd(); colFiles.moveNext())
{
objFile = colFiles.item()
div_files.appendChild(createFileLink(objFile.Name,objFile.Path));
}
}
//建立文件夹链接
function createFolderLink(name,path)
{
var div_folder=document.createElement("li");
div_folder.innerHTML=name;
div_folder.path=path;
div_folder.className="folderLink";
div_folder.attachEvent("onclick", div_onclick);
return div_folder;
}
//文件链接点击事件
function div_onclick()
{
var div_folder=window.event.srcElement;
disFolder(div_folder.path);
}
//建立文件链接
function createFileLink(name,path)
{
var div_file=document.createElement("div");
div_file.innerHTML=name;
div_file.path=path;
return div_file;
}

disFolder("忆风");
</script>

例中的两个div，一个显示文件夹，一个显示文件。

下面是对一些关于FileSystemObject的属性和方法的介绍和使用。

FileSystemObject简介及应用:
方法或者属性描述
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() 打开一个文件流

//驱动盘的一些属性
var objFSO = new ActiveXObject("Scripting.FileSystemObject");
var colDrives = new Enumerator(objFSO.Drives);
for (;!colDrives.atEnd(); colDrives.moveNext()) {
objDrive = colDrives.item();
document.write('DriveLetter: ' + objDrive.DriveLetter + '<BR>');
document.write('DriveType: ' + objDrive.DriveType + '<BR>');

if (objDrive.DriveType == 3)
    if (objDrive.IsReady)
      document.write('Remote drive with ShareName: ' +
                     objDrive.ShareName + '<BR>')
    else
      document.write('Remote drive - IsReady property returned False<BR><BR>');
    else if (objDrive.IsReady) {
      document.write('Local drive with VolumeName: ' +
                    objDrive.VolumeName + '<BR>');
    document.write('FileSystem: ' + objDrive.FileSystem + '<BR>');
    document.write('SerialNumber: ' + objDrive.SerialNumber + '<BR>');
    document.write('AvailableSpace: ' + objDrive.AvailableSpace + ' bytes<BR>');
    document.write('FreeSpace: ' + objDrive.FreeSpace + ' bytes<BR>');
    document.write('TotalSize: ' + objDrive.TotalSize + ' bytes<P>');
}
}

//文件的属性
var colFiles = new Enumerator(objRoot.Files);

for (; !colFiles.atEnd(); colFiles.moveNext()) {
   objFile = colFiles.item()
   document.write(objFile.Path+'<br />');
   /*document.write('Name:' + objFile.Name + '   <br />');
   document.write('ShortName: ' + objFile.ShortName + '   ');
   document.write('Size: ' + objFile.Size + ' bytes    ');
   document.write('Type: ' + objFile.Type + '<BR>');
   document.write('Path: ' + objFile.Path + '   ');
   document.write('ShortPath: ' + objFile.ShortPath + '<BR>');
   document.write('Created: ' + objFile.DateCreated + '   ');
   document.write('Accessed: ' + objFile.DateLastAccessed + '   ');
   document.write('Modified: ' + objFile.DateLastModified + '<P>');
   }

评论这张

转发至微博

阅读(386)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_082075087094083069084087095095082082086065085087085069',
              blogTitle:'javascript获得客户机目录',
              blogAbstract:'<P\>　　突然想写这个东西~~~~。</P\>\r\n<P\>　　在javas<WBR\>cript中使用FileSystemObject获得客户机上的目录消息。当然这需要用户同意才行。在运行时会弹出一个确认消息框，用户同意后才运行。</P\>\r\n<P\>　　不说了直接上例子：</P\>\r\n<P\><div><BR\><div id=\"div_folders\"></div><BR\><div id=\"div_files\"></div><BR\></div><BR\><style><BR\>#div_folders<BR\>{<BR\>border:1px solid #0000FF;<BR\>width:400px;<BR\>float:left;<BR\>}<BR\>#div_files<BR\>{<BR\>border:1px solid #00FF00;</P\>',
              blogTag:'',
              blogUrl:'blog/static/64721136200982332841650',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1253695178131,
              publishTime:1253690921650,
              permalink:'blog/static/64721136200982332841650',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'0',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/64721136200982332841650">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

忆风的博客

导航

日志

javascript获得客户机目录

历史上的今天

最近读者

热度

评论

页脚