繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 选择文件夹对话框(web)
- Javascript
- 一个js写的日历（代码部分网摘）
- IE,firefox(火狐)浏览器无提示关闭窗口js实现代码小结
- jquery 子窗口操作父窗口的代码
- 用JavaScript隐藏控件的方法
- js 冒泡事件与事件监听使用分析
- ie与ff下的event事件
- 比较全面的event对像在IE与FF中的区别 推荐
- js 获取中文拼音,Select自动匹配字母获取值的代码
- JavaScript 变量命名规则
- 没有form表单情况下敲回车键提交表单的js代码
- jQuery 使用手册(四)
- jQuery 使用手册(六)
- jQuery 使用手册(七)
- Javascript 数组添加一个 indexOf 方法的实现代码
- Javascript 数组添加 shuffle 方法的实现代码
- Javascript 两个窗体之间传值实现代码
- Javascript showModalDialog两个窗体之间传值
- js 覆盖和重载 函数
- JavaScript中Object和Function的关系小结
- javascript parseInt 大改造
Javascript 中的 javascript 选择文件夹对话框(web)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 345 ::
收藏到网摘: 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
