文件夹选择对话框 JS实现的两种方案

最新推荐文章于 2024-03-05 14:10:50 发布
最新推荐文章于 2024-03-05 14:10:50 发布
阅读量1.1w 收藏 6
点赞数 2
分类专栏： java web 文章标签： java web js 文件夹选择框

文件夹选择对话框 JS实现的两种方案

/**
  * browseFolder.js
  * 该文件定义了BrowseFolder()函数，它将提供一个文件夹选择对话框
  * 以供用户实现对系统文件夹选择的功能
  * 文件夹选择对话框起始目录由
  * Shell.BrowseForFolder(WINDOW_HANDLE, Message, OPTIONS, strPath)函数
  * 的strPath参数设置
  * 例如：0x11--我的电脑
  *   0 --桌面
  *  "c://"--系统C盘
  * 
  * 用如下代码把该函数应用到一个HTML文件中：
  *  <script src="browseFolder.js"></script>
  * 或把下面代码直接COPY到<script language="javascript">...</script>标签中；
  *
  * 用一般的触发函数均可在HTML文件中使用该函数
  * 例如：<input type="button" onclick="BrowseFolder()" />
  * 注意：请定义NAME为savePath的输入框接收或显示返回的值，例如：
  *    <input type="text" name="savePath" /> 
  *
  * <SPAN style="COLOR: #ff0000">特别注意的是,由于安全方面的问题,你还需要如下设置才能使本JS代码正确运行,</SPAN>
  * <SPAN style="COLOR: #ff0000">否者会出现"没有权限"的问题.</SPAN>
  *
  * 1、设置可信任站点（例如本地的可以为：http://localhost） 
  * 2、其次：可信任站点安全级别自定义设置中：设置下面的选项 
  * "对没有标记为安全的ActiveX控件进行初始化和脚本运行"----"启用"  
  */ 
function  BrowseFolder(){
  try {
   var  Message =  "请选择文件夹" ;   //选择框提示信息
   var  Shell =  new  ActiveXObject(  "Shell.Application"  );
   var  Folder = Shell.BrowseForFolder(0,Message,0x0040,0x11); //起始目录为：我的电脑
   //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.all.savePath.value=Folder;
  
     document.getElementById( "savePath" ).value=Folder; //savePath是指输出的控件id。
  
     return  Folder;
   }
  } catch (e){ 
   alert(e.message);
  }
}

　

另外一种不存在安全问题的方法是使用js自己来实现文件夹选择，会丑一些。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table border="0" cellpadding="0" width="100%" id="tb_show">        
        <tr>
            <td width="18%">文件保存位置:</td>
            <td width="82%"> 
                <%--<html:file property="file" size="40" styleClass="inputbox"/>--%>
                <input name="backDir" type="text" value ="C:\" size="100" width="500">
            </td>
        </tr>
        <tr>
            <td>目录位置:</td>
            <td> 
                <select name="tables_drive" id="tables_drives" οnchange="get_drives()" ></select>
            </td>
        </tr>
        <tr>    
            <td colspan="2">            
                <select name="table_folder" id="table_folder" size="10" multiple οndblclick="get_file()"></select>
            </td>
        </tr>
</table>
</body>
</html>
<script>
/**
*初始化，将系统所有的驱动器放入table_drives列表
*/
window.onload = new function init()
{
    var fso, s, n, e, x;
    fso = new ActiveXObject("Scripting.FileSystemObject");
    e = new Enumerator(fso.Drives);
    s = "";
    for (; !e.atEnd(); e.moveNext())
    {
      x = e.item();
      s = s + x.DriveLetter;
      s += ":";
      if (x.DriveType == 3)
         n = x.ShareName;
      else if (x.IsReady)
         n = x.VolumeName;
      else
         n = "[驱动器未就绪]";
      s +=   n + ",";
    }
    var drives = s.split(",");    
    var tableDrives = document.getElementById("tables_drives");
    for ( var i = 0; i < drives.length-1; i++ )
    {
        var option = document.createElement("OPTION");
        drives[i].split(":");
        option.value = "["+drives[i].split(":")[0]+":]"+drives[i].split(":")[1];
        option.text = "["+drives[i].split(":")[0]+":]"+drives[i].split(":")[1];
        tableDrives.add(option);
    }
}

/*
*tables_drives列表中选中的驱动器上所有文件夹放入table_folder列表中
*/
function get_drives()
{
    var tableDrives = document.getElementById("tables_drives");
    var tableFolders = document.getElementById("table_folder");    
    for ( var i = 0; i < tableDrives.options.length; i++ )
    {        
        if ( tableDrives.options[i].selected == true )
        {
            var fso, f, fc, s;            
            var drive = tableDrives.options[i].value.split(":")[0].substring(1,tableDrives.options[i].value.split(":")[0].length);
            document.getElementById("backDir").value = drive + ":\\";
            fso = new ActiveXObject("Scripting.FileSystemObject");            
             if (fso.DriveExists(drive))
            {
                d = fso.GetDrive(drive);
                if ( d.IsReady )
                {
                    f = fso.GetFolder(d.RootFolder); 
                    fc = new Enumerator(f.SubFolders);
                    s = "";
                    for (;!fc.atEnd(); fc.moveNext())
                    {
                     s += fc.item();
                     s += ",";
                    }
                    
                    var len = tableFolders.options.length;
                    while(len >= 0)
                    {
                        tableFolders.options.remove(len);
                        len--;
                    }
                    var option = document.createElement("OPTION");
                    option.value = drive + ":\\";
                    option.text = drive + ":\\";
                    tableFolders.add(option);
                    var folders = s.split(",");                                      
                    for ( j = 0; j < folders.length -1; j++)
                    {
                        option = document.createElement("OPTION");
                        option.value = folders[j];
                        option.text = folders[j];
                        tableFolders.add(option);
                    }    
                }
                else
                {
                    alert("无法改变当前内容！")
                }                
            }
            else
            return false; 
        }        
    }
}
/**
*table_folder双击选项中的一个选项，就将该文件夹下面的文件夹显示在table_folder列表中。
*/
function get_file()
{
    var tableFolders = document.getElementById("table_folder");    
    var tableDrives = document.getElementById("tables_drives");
    for ( var i = 0; i < tableFolders.options.length; i++ )
    {
        if ( tableFolders.options[i].selected == true )
        {
            var fso, f, fc, s;            
            var folderpath = tableFolders.options[i].value.substring(0,tableFolders.options[i].value.length);
            if ( folderpath.charAt(folderpath.length-1) == "\\" )
            {
                document.getElementById("backDir").value = folderpath;
            }
            else
            {
                document.getElementById("backDir").value = folderpath + "\\";
            }
            fso = new ActiveXObject("Scripting.FileSystemObject");    
            f = fso.GetFolder(folderpath); 
            fc = new Enumerator(f.SubFolders);
            s = "";
            for (;!fc.atEnd(); fc.moveNext())
            {
             s += fc.item();
             s += ",";
            }    
            var len = tableFolders.options.length;
            while(len >= 0)
            {
                tableFolders.options.remove(len);
                len--;
            }        
            var opt = "";            
            var opt1 = "";
            for ( j = 0; j < folderpath.split("\\").length; j++ )
            {
                var option = document.createElement("OPTION");
                opt = opt + folderpath.split("\\")[j]+"\\";
                if ( j > 0)
                {
                    opt1 = opt;
                    option.value = opt1.substring(0,opt1.length-1);
                    option.text = opt1.substring(0,opt1.length-1);
                    tableFolders.add(option);    
                }
                else
                {
                    option.value = opt;
                    option.text = opt;
                    tableFolders.add(option);                            
                }
            }
            if ( tableFolders.options[0].value == tableFolders.options[1].value )
            {
                tableFolders.options.remove(1);
            } 
            if ( s != "" )        
            {                
                var folders = s.split(",");                                      
                for ( j = 0; j < folders.length -1; j++)
                {
                    option = document.createElement("OPTION");
                    option.value = folders[j];
                    option.text = folders[j];
                    tableFolders.add(option);
                }    
            }                    
        }
    }
}
</script>
 
原文地址 http://www.cnblogs.com/jiji262/archive/2012/06/08/2541837.html
 


                

        

        

    




    

      

        

            

              
                
                  开发_风
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    2
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    6
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
browseFolder.html

				
			

			

				

					09-17
				

			

		

		

			
				
实现点击按钮，弹框选择路径

			
		

	



                

              
                



	

		

			

				
					
BrowseFolder

				
			

			

				

					Code Corner
				

				

					09-27
					
					2365
					
				

			

		

		

			
				
Option ExplicitPrivate Const MAX_PATH = 260Private Const BIF_RETURNONLYFSDIRS = 1With New FolderPrivate Const BIF_NEWDIALOGSTYLE As Long = &H40udtBI.ulFlags = BIF_RETURNONLYFSDIRS + BIF_NEWDIALOGST

			
		

	



                


  
              

                


	

		

			

				
					
JS_选择文件夹，选择文件夹下所有文件，选择多个文件

					
最新发布

				
			

			

				

					小歪博客
				

				

					03-05
					
					481
					
				

			

		

		

			
				
JS_选择文件夹，选择文件夹下所有文件，选择多个文件

			
		

	





	

		

			

				
					
JS 弹出文件保存窗口

				
			

			

				

					DPC27149的专栏
				

				

					09-26
					
					1022
					
				

			

		

		

			
				
 
//JS 弹出文件保存窗口

function BrowseFolder() {
    var mypath = window.location.href;
    alert("当前地址为：" + mypath);
	
    var saveFolder="";
    var Message = "请选择保存目录"; 
    var Shell  = new Act...

			
		

	



		

			
		



	

		

			

				
					
文件夹选择对话框 JS实现

					
热门推荐

				
			

			

				

					heroying的专栏
				

				

					05-21
					
					1万+
					
				

			

		

		

			
				
   /** * browseFolder.js * 该文件定义了BrowseFolder()函数，它将提供一个文件夹选择对话框 * 以供用户实现对系统文件夹选择的功能 * 文件夹选择对话框起始目录由 * Shell.BrowseForFolder(WINDOW_HANDLE, Message, OPTIONS, strPath)函数 * 的strPath参数设置 * 例如：0x11--我的电脑 

			
		

	





	

		

			

				
					
xd-dialog-helper：一个抽象层，使在Adobe XD CC插件中更容易显示简单对话框

				
			

			

				

					02-08
				

			

		

		

			
				
用法安装库您可以通过两种主要方式安装该库。 使用软件包管理器：如果您的插件（npm或yarn）使用软件包管理器，则可以通过运行npm install xd-dialog-helper --save在您的yarn add xd-dialog-helper或yarn add xd-...

			
		

	





	

		

			

				
					
实现类似Office助手的小精灵

				
			

			

				

					07-16
				

			

		

		

			
				
Agent技术的应用  ---- Microsoft Agent是微软公司于1997年9...ReadReturn //当完成了上面两个动作时候用，可回到标准状态 （接上两个中的一个用）  Reading //一直认真地读，连续状态 （可用）  Note: This animation...

			
		

	





	

		

			

				
					
xheditor-1.1.14

				
			

			

				

					08-07
				

			

		

		

			
				
特别说明：两种初始化方法只能选择其中一种使用，如果两种方法的代码同时存在页面中，方法2的代码不会有任何效果。  我们更倾向于推荐大家使用方法1，因为更简单易用，不涉及任何的Javascript代码。通过简单的参数...

			
		

	





	

		

			

				
					
ASP升级.net资料大全(c#入门 语言规范 源码教程 学习笔记 技术资料 面试题 asp与.net代码生成器)

				
			

			

				

					11-08
				

			

		

		

			
				
 同一解决方案中一个项目的xml注释在另一个项目中不能智能提示显示这些注释的解决方法.txt  图像读取.txt  无标题窗口的拖放.txt  下面的5行代码完成了从局域网中找出所有的机器.txt  显示DataGrid序号的一个适用的...

			
		

	





	

		

			

				
					
vc++ 应用源码包_1

				
			

			

				

					09-15
				

			

		

		

			
				
详细演示了HtmlView的使用与HtmlView事件站点拦截的实现、js调用。  CIVStringSet_Demo 自定义了一个类似STL容器的类，并进行了测试。  ClearHistory 实现了 清楚internet临时文件、Cookie的清除、游览器地址栏历史...

			
		

	





	

		

			

				
					
JavaScript实现选择文件夹

				
			

			

				

					02-09
				

			

		

		

			
				
js实现选择文件夹js实现选择文件夹js实现选择文件夹js实现选择文件夹

			
		

	





	

		

			

				
					
js选择文件夹

				
			

			

				

					04-23
				

			

		

		

			
				
网上有很多这样的例子，但是我都尝试过了， 每一个都有问题。这个是本人根据网上的例子修改的，希望对大家有帮助

			
		

	





	

		

			

				
					
BrowseForFolder参数详解图片

				
			

			

				

					08-19
				

			

		

		

			
				
BrowseForFolder使用，参数详解。详细信息请参考http://blog.csdn.net/a8_8a/article/details/47783447

			
		

	





	

		

			

				
					
一个很棒的对话框源代码[BrowseFolderFileControls.rar]-精品源代码

				
			

			

				

					10-11
				

			

		

		

			
				
一个很棒的对话框源代码[BrowseFolderFileControls.rar]-精品源代码

			
		

	





	

		

			

				
					
js 浏览本地文件夹系统示例代码

				
			

			

				

					12-02
				

			

		

		

			
				
代码如下: function BrowseFolder(){ try{ var Message = “请选择文件夹”; //选择框提示信息 var Shell = new ActiveXObject( “Shell.Application” ); var Folder = Shell.BrowseForFolder(0,Message,0x0040,0x11);//起始目录为：我的电脑 //var Folder = Shell.BrowseForFolder(0,Message,0); //起始目录为：桌面 if(Folder != null){ Folder = Folder.items()

			
		

	





	

		

			

				
					
文件夹对话框两种解决方案

				
			

			

				

					成长之路
				

				

					10-29
					
					1567
					
				

			

		

		

			
				
解决方案1:
调用windows 的shell,但会有安全问题.

* browseFolder.js
* 该文件定义了BrowseFolder()函数，它将提供一个文件夹选择对话框
* 以供用户实现对系统文件夹选择的功能
* 文件夹选择对话框起始目录由
* Shell.BrowseForFolder(WINDOW_HANDLE, Message, OPTIONS, strPath)

			
		

	





	

		

			

				
					
js实现弹出选择路径框

				
			

			

				

					nrain01的专栏
				

				

					01-11
					
					4048
					
				

			

		

		

			
				
/**
* browseFolder.js
 * 该文件定义了BrowseFolder()函数，它将提供一个文件夹选择对话框
 * 以供用户实现对系统文件夹选择的功能
 * 文件夹选择对话框起始目录由
 * Shell.BrowseForFolder(WINDOW_HANDLE, 
Message, OPTIONS, 
strPath)函数
 * 的strPath参数设置
 * ...

			
		

	





	

		

			

				
					
js实现弹出选择路径框（只能在IE浏览器模式下运行）

				
			

			

				

					wjwCYP19790302的专栏
				

				

					05-02
					
					1873
					
				

			

		

		

			
				
js实现弹出选择路径框

　　/**

　　* browseFolder.js
* 该文件定义了BrowseFolder()函数，它将提供一个文件夹选择对话框
* 以供用户实现对系统文件夹选择的功能
* 文件夹选择对话框起始目录由
* Shell.BrowseForFolder(WINDOW_HANDLE, Message, OPTIONS, strPath)函数
* 的strP

			
		

	





	

		

			

				
					
CADVBA代码显示文件夹选择对话框

				
			

			

				

					05-30
				

			

		

		

			
				
以下是一个简单的CADVBA代码，用于显示文件夹选择对话框：

```
Sub SelectFolder()
    Dim fDialog As FileDialog
    Set fDialog = Application.FileDialog(msoFileDialogFolderPicker)
    With fDialog
        .AllowMultiSelect = False
        .Title = "请选择一个文件夹"
        If .Show = True Then
            MsgBox "您选择的文件夹是: " & .SelectedItems(1)
        Else
            MsgBox "您没有选择任何文件夹"
        End If
    End With
End Sub
```

这段代码使用了Microsoft Office自带的文件对话框，可以让用户选择一个文件夹。用户选择的文件夹路径可以通过`.SelectedItems(1)`获取。如果用户没有选择任何文件夹，则会弹出一个提示框。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值