Javascript文件夹选择框的解决方案

http://www.blogjava.net/supercrsky/archive/2008/06/17/208641.html

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

* 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>标签中；

* 特别注意的是,由于安全方面的问题,你还需要如下设置才能使本JS代码正确运行,
* 否者会出现"没有权限"的问题.
*
* 1、设置可信任站点（例如本地的可以为：http://localhost）
* 2、其次：可信任站点安全级别自定义设置中：设置下面的选项
* "对没有标记为安全的ActiveX控件进行初始化和脚本运行"----"启用"

browserFolder.js:

/**/ /* **
path要显示值的对象id
*** */
function browseFolder(path) {
try {
var Message = " \u8bf7\u9009\u62e9\u6587\u4ef6\u5939 " ; // 选择框提示信息
var Shell = new ActiveXObject( " Shell.Application " );
var Folder = Shell.BrowseForFolder( 0 ,Message, 64 , 17 ); // 起始目录为：我的电脑
// varFolder=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(path).value = Folder;
return Folder;
}
}
catch (e) {
alert(e.message);
}
}

使用的时候:

< td >
< input type ="text" name ="path" />
</ td >
< td >
< input type ="button" onclick ="browseFolder('path')"
value ="选择生成路径" />
</ td >

2.解决方案二:
自己写一个js读取本地硬盘的选择框, 缺点是外观上较上一个差一些.

< html >
< 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" onchange ="get_drives()" ></ select >
</ td >
</ tr >

< tr >
< td colspan ="2" >
< select name ="table_folder" id ="table_folder" size ="10" multipleondblclick ="get_file()" ></ select >
</ td >
</ tr >

< tr >
< td colspan ="2" >
< font color ="red" > 说明：双击列表框的一个选项，就将该文件夹下面的文件夹显示在该列表框中。第一个就是根目录 </ font >
</ 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( " , " color: #000000; background-color:

分享到：

JAVA Applet应用开发 | jsp重复提交问题

• 2009-07-01 18:51
• 浏览 1481
• 评论(0)
• 查看更多