javascript 选择文件夹对话框(web)


Posted in Javascript onJuly 07, 2009

没有办法,实践证明最好的解决办法是自己写一个OCX控件,这样就只要注册一下OCX控件就可以了,同时OCX控件的可扩展性非常大,也就是给vc\delphi这些程序的功能引入到web中,其功能可想而知!
这里不说明OCX开发的过程了,给自己写的OCX控件共享一下,希望能给一些朋友提供帮助。
这个OCX控件中提供了一个getFiles()方法,只要获取控件对象,然后调用getFiles()方法就可以获取对应路径下的所有文件,如下图:
javascript 选择文件夹对话框(web)
该控件可以选择任意盘符下的任意文件夹,图中最下面的按钮时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,会提示注册成功,然后就可以在网页中使用了!
打包下载

Javascript 相关文章推荐
JavaScript 仿关机效果的图片层
Dec 26 Javascript
jQuery 获取URL参数的插件
Mar 04 Javascript
基于jquery的loading效果实现代码
Nov 05 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
Dec 25 Javascript
二叉树的非递归后序遍历算法实例详解
Feb 07 Javascript
JavaScript控制按钮可用或不可用的方法
Apr 03 Javascript
jQuery事件与动画基础详解
Feb 23 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
May 24 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
Jul 14 Javascript
select标签设置默认选中的选项方法
Mar 02 Javascript
layui select动态添加option的实例
Mar 07 Javascript
vuex 的简单使用
Mar 22 Javascript
JavaScript 解析读取XML文档 实例代码
Jul 07 #Javascript
javascript 新浪背投广告实现代码
Jul 07 #Javascript
JavaScript 对象、函数和继承
Jul 07 #Javascript
js 日期转换成中文格式的函数
Jul 07 #Javascript
javascript 面向对象思想 附源码
Jul 07 #Javascript
jquery BS,dialog控件自适应大小
Jul 06 #Javascript
javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
Jul 06 #Javascript
You might like
Apache设置虚拟WEB
2006/10/09 PHP
Yii分页用法实例详解
2014/12/04 PHP
Laravel 5框架学习之用户认证
2015/04/09 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
javascript 面向对象编程基础:封装
2009/08/21 Javascript
jquery显示和隐藏div特效实例
2013/02/27 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
2013/08/21 Javascript
JavaScript返回上一页的三种方法及区别介绍
2015/07/04 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
2016/09/29 Javascript
快速解决js中window.location.href不工作的问题
2016/11/02 Javascript
jQuery使用方法
2017/02/04 Javascript
详解Node.js开发中的express-session
2017/05/19 Javascript
简单实现vue验证码60秒倒计时功能
2017/10/11 Javascript
JS实现倒计时图文效果
2018/11/17 Javascript
koa2+vue实现登陆及登录状态判断
2019/08/15 Javascript
在Angular项目使用socket.io实现通信的方法
2021/01/05 Javascript
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
使用Python编写vim插件的简单示例
2015/04/17 Python
Python ldap实现登录实例代码
2016/09/30 Python
Python实现PS图像调整黑白效果示例
2018/01/25 Python
python 文件转成16进制数组的实例
2018/07/09 Python
python 制作自定义包并安装到系统目录的方法
2018/10/27 Python
python 图片去噪的方法示例
2019/07/09 Python
基于Django框架的权限组件rbac实例讲解
2019/08/31 Python
pytest中文文档之编写断言
2019/09/12 Python
深入了解如何基于Python读写Kafka
2019/12/31 Python
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
大学班级文化建设方案
2014/05/06 职场文书
2014领导干部四风问题查摆思想汇报
2014/09/13 职场文书
党的群众路线教育实践活动个人对照检查材料
2014/09/22 职场文书
2014年社区党建工作总结
2014/11/11 职场文书
交警失职检讨书
2015/01/26 职场文书
扬州个园导游词
2015/02/06 职场文书
退伍军人感言
2015/08/01 职场文书
诚实守信主题班会
2015/08/13 职场文书
python绘图subplots函数使用模板的示例代码
2021/04/30 Python