繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 选择文件夹对话框(web)
- Javascript
- 如何用js控制css中的float的代码
- Autocomplete Textbox Example javascript实现自动完成成功
- FormValid0.5版本发布，带ajax自定义验证例子
- wordpress之js库集合研究介绍
- 推荐发几个常用控件(新加DHTML控件)
- 7. Microsoft Online-Crash Control, version 6.0(微软在线崩溃控件)
- javascript下阻止表单重复提交、防刷新、防后退
- javascript下计数器每秒自动加1
- 给所有的超级练级都加上onmousemove时间的js代码
- js实现运行代码需要刷新的解决方法
- 兼容FF/IE跟随鼠标的层的效果
- 用javascript获得css中的属性值的代码
- 用javascript实现页内搜索的脚本代码
- 用javascript 控制表格行的展开和隐藏的代码
- 用javascript实现隐藏状态栏的代码
- Code: write(s,d) 输出连续字符串
- javascript创建页面蒙板的一些知识技巧总结
- 转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
- 用javascript判断输入数据是否货币并自动添加￥符号的代码
- js类中获取外部函数名的方法
Javascript 中的 javascript 选择文件夹对话框(web)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 597 ::
收藏到网摘: n/a
web程序开发中经常会遇见选择文件夹的时候，这对于web程序员是一件麻烦的事情，由于本地安全限制JS不能访问本地文件，所以选择文件夹一般都避而不谈，笔者在写一个程序的时候也遇见了同样的问题，开始尝试使用JS来遍历文件，结果都没有成功 没有办法，实践证明最好的解决办法是自己写一个OCX控件，这样就只要注册一下OCX控件就可以了，同时OCX控件的可扩展性非常大，也就是给vc\delphi这些程序的功能引入到web中，其功能可想而知！
这里不说明OCX开发的过程了，给自己写的OCX控件共享一下，希望能给一些朋友提供帮助。
这个OCX控件中提供了一个getFiles()方法，只要获取控件对象，然后调用getFiles()方法就可以获取对应路径下的所有文件，如下图：
该控件可以选择任意盘符下的任意文件夹，图中最下面的按钮时web中的input，通过web中的js方法来获取文件列表,OCX
的getFiles()方法返回文件名串，样式如1.jpg;2.jpg;3.jpg，每个文件名中间用“;”链接，在js中使用split方法来分离一下就可以了。
页面代码如下：
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript"><!--
function show(){
var obj=document.getElementById("pathOcx");
var str=obj.getFiles();
var list=str.split(";");
for(var i=0;i<list.length;i++){
if(list[i]!=""){
alert(list[i]);
}
}
}
// --></script>
</head>
<body>
<OBJECT
id="pathOcx"
classid="clsid:13BF0862-063C-432F-A8DF-07C2823E8562"
width=420
height=300
align=center
hspace=0
vspace=0
>
</OBJECT>
<br>
<input type="button" name="Submit" value="显示数据" onClick="show()">
</body>
</html>
这样就可以使用该控件选取任意文件夹了，并且可以通过js获取文件夹中的所有内容，由于篇幅有限，这里不对该OCX更多的功能做说明，下篇准备给OCX增加上传功能，这样既可以上传整个文件夹，而且支持断点续传。
最后注明：OCX使用的时候需要注册控件
注册方法：运行cmd，进入比如OCX控件在C:\123.OCX,在cmd中运行RegSvr32 c:\123.OCX，会提示注册成功，然后就可以在网页中使用了！
打包下载
评论 (0) All
