繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 选择文件夹对话框(web)
- Javascript
- javascript 异常处理使用总结
- ExtJS扩展 垂直tabLayout实现代码
- JavaScript 新手24条实用建议[TUTS+]
- PNG背景在不同浏览器下的应用
- 实现超用户体验 table排序javascript实现代码
- 利用JQuery为搜索栏增加tag提示
- JQuery 前台切换网站的样式实现
- WordPress JQuery处理沙发头像
- js form 验证函数 当前比较流行的错误提示
- JQuery 无废话系列教程(一) jquery入门 [推荐]
- jQuery 表单验证插件formValidation实现个性化错误提示
- JQuery 入门实例1
- jQuery 可以拖动的div实现代码 修正版
- javascript DOM对象的学习实例代码
- css 二级菜单 实现代码集合 修正版
- ExtJS GTGrid 简单用户管理
- jQuery DIV弹出效果实现代码
- Javascript 调试利器 Firebug使用详解六
- 深入javascript json QQ网页登陆
- 类似新浪网的 弹出视频功能实现代码
Javascript 中的 javascript 选择文件夹对话框(web)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 579 ::
收藏到网摘: 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
