`
erikchang
  • 浏览: 51392 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

谈一下web中选择文件夹

    博客分类：
  • java
WebVBWinForm浏览器VC++ 
阅读更多

 

         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方法来分离一下就可以了。

页面代码如下：

这样就可以使用该控件选取任意文件夹了，并且可以通过js获取文件夹中的所有内容，由于篇幅有限，这里不对该OCX更多的功能做说明，下篇准备给OCX增加上传功能，这样既可以上传整个文件夹，而且支持断点续传。

最后注明：OCX使用的时候需要注册控件

注册方法：运行cmd，进入比如OCX控件在C:\123.OCX,在cmd中运行RegSvr32   c:\123.OCX，会提示注册成功，然后就可以在网页中使用了！

点此下载该控件

  • 大小: 28 KB
  • 大小: 4.2 KB
1
顶
0
踩
分享到：
| java.lang.IllegalStateException: Post to ...
评论
9 楼 erikchang 2010-05-18  
OCX技术在某些时候还是必须的，尤其是安全需求到一定程度，比如淘宝网站登录的密码输入就是使用了OCX技术，一般要求安全的数据输入都可以使用这个东西，因为任何浏览器都不可能记录OCX中输入的数据！
8 楼 tpm_athrun 2010-05-18  
[quote="ray_linn浏览服务器端就是写个server端的com呗，
想写个自己特殊的客户端browse，就写个activex.
写这东西，王道是vb.

可惜VB还不怎么会！
7 楼 ray_linn 2010-05-17  
tpm_athrun 写道
OCX可以在用户端调用本地文件夹吗？  是需要安装OCX控件后还是怎么？？



浏览服务器端就是写个server端的com呗，
想写个自己特殊的客户端browse，就写个activex.
写这东西，王道是vb.
6 楼 tpm_athrun 2010-05-17  
OCX可以在用户端调用本地文件夹吗？  是需要安装OCX控件后还是怎么？？
5 楼 zzsczz 2009-11-05  
windows dna结构（ Windows Distributed interNet Applications Architecture） 有过介绍

这样做要处理的问题：
1 开发工具的bug...最好只用api，然后啃 msdn  疯狂测试，copy and paste 的代码基本不会有什么问题。要是使用类库（atl/mfc/vcl/vb）的话，将会引入更多问题（文挡齐全否？ 工具向导如何操作？），如果win32 api和c 不熟悉，基本没有办法跨越所有的地雷。

2 界面的样式。win32工具的界面要想换皮肤的话   怎么办 ？


在ms的地盘上还是跟着ms走，winform代替ocx可以简化开发的难度。。。。。。
4 楼 wangcll 2009-11-05  
<div class="quote_title">erikchang 写道</div>
<div class="quote_div">
<p> </p>
<p>         web程序开发中经常会遇见选择文件夹的时候，这对于web程序员是一件麻烦的事情，由于本地安全限制JS不能访问本地文件，所以选择文件夹一般都避而不谈，笔者在写一个程序的时候也遇见了同样的问题，开始尝试使用JS来遍历文件，结果都没有成功，没有办法，实践证明最好的解决办法是自己写一个OCX控件，这样就只要注册一下OCX控件就可以了，同时OCX控件的可扩展性非常大，也就是给vc\delphi这些程序的功能引入到web中，其功能可想而知！</p>
<p>    这里不说明OCX开发的过程了，给自己写的OCX控件共享一下，希望能给一些朋友提供帮助。</p>
<p>    这个OCX控件中提供了一个getFiles()方法，只要获取控件对象，然后调用getFiles()方法就可以获取对应路径下的所有文件，如下图：</p>
<p>    <br><br> </p>
<p style="text-align: center;"><img src="/upload/attachment/122635/b28bf709-d31a-3606-b911-e4dac0364743.png" alt=""></p>
<p>该控件可以选择任意盘符下的任意文件夹，图中最下面的按钮时web中的input，通过web中的js方法来获取文件列表,OCX</p>
<p>的getFiles()方法返回文件名串，样式如1.jpg;2.jpg;3.jpg，每个文件名中间用“;”链接，在js中使用split方法来分离一下就可以了。</p>
<p>页面代码如下：</p>
<p><textarea class="xhtml" cols="50" rows="15" name="code">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;无标题文档&lt;/title&gt;
&lt;mce:script type="text/javascript"&gt;&lt;!--
function show(){
  var obj=document.getElementById("pathOcx");
  var str=obj.getFiles();
  var list=str.split(";");
  for(var i=0;i&lt;list.length;i++){
  if(list[i]!=""){
    alert(list[i]);
}
  }
}
// --&gt;&lt;/mce:script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;OBJECT
      id="pathOcx"
  classid="clsid:13BF0862-063C-432F-A8DF-07C2823E8562"
  width=420
  height=300
  align=center
  hspace=0
  vspace=0
&gt;
  &lt;/OBJECT&gt;
  &lt;br&gt;
  &lt;input type="button" name="Submit" value="显示数据" onClick="show()"&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea></p>
<p>这样就可以使用该控件选取任意文件夹了，并且可以通过js获取文件夹中的所有内容，由于篇幅有限，这里不对该OCX更多的功能做说明，下篇准备给OCX增加上传功能，这样既可以上传整个文件夹，而且支持断点续传。</p>
<p><span style="color: #ff0000;">最后注明：OCX使用的时候需要注册控件</span></p>
<p><span style="color: #0000ff;">注册方法：运行cmd，进入比如OCX控件在C:\123.OCX,在cmd中运行RegSvr32   c:\123.OCX，会提示注册成功，然后就可以在网页中使用了！</span></p>
<p><span style="color: #ff0000;"><a href="/topics/download/78bb6c48-2506-3772-a51e-b32a8180c8e0" target="_blank"><span style="color: #ff0000;">点此下载该控件</span></a></span></p>
</div>
<p> </p>
3 楼 erikchang 2009-10-17  
zzsczz 写道
可以详细介绍一下 js 兼容性  和浏览器 版本 的兼容性么？

OCX对浏览器到版本没有太多要求，调用var obj=document.getElementById("pathOcx"); 这里使用的是IE的getElementById方法，在其他的浏览器中可以使用getElementsByTag,同样可以！
2 楼 zzsczz 2009-10-15  
可以详细介绍一下 js 兼容性  和浏览器 版本 的兼容性么？
1 楼 androidnew 2009-10-15  
lz说说开发ocx的过程吧。 我对这个比较感兴趣。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    kernel-devel-4.18.0-553.45.1.el8-10.x86-64.rpm

    Rocky Linux 8.10内核包

    Simulink中三阶单环多位量化Σ-Δ调制器的设计与实现-音频带ADC的应用（复现论文或解答问题，含详细可运行代码及解释）

    内容概要：本文档详细介绍了如何在Simulink中设计一个满足特定规格的音频带ADC（模数转换器）。首先选择了三阶单环多位量化Σ-Δ调制器作为设计方案，因为这种结构能在音频带宽内提供高噪声整形效果，并且多位量化可以降低量化噪声。接着，文档展示了具体的Simulink建模步骤，包括创建模型、添加各个组件如积分器、量化器、DAC反馈以及连接它们。此外，还进行了参数设计与计算，特别是过采样率和信噪比的估算，并引入了动态元件匹配技术来减少DAC的非线性误差。性能验证部分则通过理想和非理想的仿真实验评估了系统的稳定性和各项指标，最终证明所设计的ADC能够达到预期的技术标准。 适用人群：电子工程专业学生、从事数据转换器研究或开发的技术人员。 使用场景及目标：适用于希望深入了解Σ-Δ调制器的工作原理及其在音频带ADC应用中的具体实现方法的人群。目标是掌握如何利用MATLAB/Simulink工具进行复杂电路的设计与仿真。 其他说明：文中提供了详细的Matlab代码片段用于指导读者完成整个设计流程，同时附带了一些辅助函数帮助分析仿真结果。

    计算机课后习题.docx### 【计算机科学】研究生入学考试计算机组成原理专项题库设计：考研复习资源集成与优化

    内容概要：该题库专为研究生入学考试计算机组成原理科目设计，涵盖名校考研真题、经典教材课后习题、章节题库和模拟试题四大核心模块。名校考研真题精选多所知名高校的计算机组成原理科目及计算机联考真题，并提供详尽解析，帮助考生把握考研命题趋势与难度。经典教材课后习题包括白中英《计算机组成原理》（第5版）和唐朔飞《计算机组成原理》（第2版）的全部课后习题解答，这两部教材被众多名校列为考研指定参考书目。章节题库精选代表性考题，注重基础知识与重难点内容，帮助考生全面掌握考试大纲要求的知识点。模拟试题依据历年考研真题命题规律和热门考点，精心编制两套全真模拟试题，并附标准答案，帮助考生检验学习成果，评估应试能力。 适用人群：计划参加研究生入学考试并报考计算机组成原理科目的考生，尤其是需要系统复习和强化训练的学生。 使用场景及目标：①通过研读名校考研真题，考生可以准确把握考研命题趋势与难度，有效评估复习成效；②通过经典教材课后习题的练习，考生可以巩固基础知识，掌握解题技巧；③通过章节题库的系统练习，考生可以全面掌握考试大纲要求的各个知识点，为备考打下坚实基础；④通过模拟试题的测试，考生可以检验学习成果，评估应试能力，为正式考试做好充分准备。 其他说明：该题库不仅提供详细的题目解析，还涵盖了计算机组成原理的各个方面，包括计算机系统概述、数据表示与运算、存储器分层、指令系统、中央处理器、总线系统和输入输出系统等。考生在使用过程中应结合理论学习与实践操作，注重理解与应用，以提高应试能力和专业知识水平。

    __UNI__DB9970A__20250328141034.apk.1

    __UNI__DB9970A__20250328141034.apk.1

    minio-rsc-Rust资源

    rust for minio

    4-4-台区智能融合终端功能模块型式规范（试行）.pdf

    国网台区终端最新规范

    《基于YOLOv8的化工管道焊缝缺陷检测系统》（包含源码、可视化界面、完整数据集、部署教程）简单部署即可运行。功能完善、操作简单，适合毕设或课程设计.zip

    资源内项目源码是来自个人的毕业设计，代码都测试ok，包含源码、数据集、可视化页面和部署说明，可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源，毕设答辩评审绝对信服的保底85分以上，放心下载使用，拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务，拿来就能用的绝对好资源！！！ 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.txt文件，仅供学习参考, 切勿用于商业用途。

    python源码-1个机器学习相关资源

    一个简单的机器学习代码示例，使用的是经典的鸢尾花（Iris）数据集，通过 Scikit-learn 库实现了一个简单的分类模型。这个代码可以帮助你入门机器学习中的分类任务。

    pyqt离线包，pyqt-tools离线包

    pyqt离线包，pyqt-tools离线包

    《基于YOLOv8的船舶机舱灭火系统状态监测系统》（包含源码、可视化界面、完整数据集、部署教程）简单部署即可运行。功能完善、操作简单，适合毕设或课程设计.zip

    资源内项目源码是来自个人的毕业设计，代码都测试ok，包含源码、数据集、可视化页面和部署说明，可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源，毕设答辩评审绝对信服的保底85分以上，放心下载使用，拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务，拿来就能用的绝对好资源！！！ 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.txt文件，仅供学习参考, 切勿用于商业用途。

    SQL常用日期和时间函数整理及使用示例

    SQL常用日期和时间函数整理及在sqlserver测试示例 主要包括 1.查询当前日期GETDATE 2.日期时间加减函数DATEADD 3 返回两个日期中指定的日期部分之间的差值DATEDIFF 4.日期格式转换CONVERT(VARCHAR(10),GETDATE(),120) 5.返回指定日期的年份数值 6.返回指定日期的月份数值 7.返回指定日期的天数数值

    GSDML-V2.3-Turck-BL20-E-GW-EN-20160524-010300.xml

    GSDML-V2.3-Turck-BL20_E_GW_EN-20160524-010300.xml

    T_CPCIF 0225-2022 多聚甲醛.docx

    T_CPCIF 0225-2022 多聚甲醛.docx

    《基于YOLOv8的智能仓储货物堆码倾斜预警系统》（包含源码、可视化界面、完整数据集、部署教程）简单部署即可运行。功能完善、操作简单，适合毕设或课程设计.zip

    《基于YOLOv8的智能仓储货物堆码倾斜预警系统》（包含源码、可视化界面、完整数据集、部署教程）简单部署即可运行。功能完善、操作简单，适合毕设或课程设计

    蚕豆脱壳机设计.zip

    蚕豆脱壳机设计.zip

    附件2-2：台区智能融合终端入网专业检测单位授权委托书.docx

    台区终端电科院送检文档

    Y6一39一No23.6D离心通风机 CAD().zip

    Y6一39一No23.6D离心通风机 CAD().zip

    django自建博客app

    django自建博客app

    附件3-4：台区智能融合终端全性能试验增值税发票开具确认单.docx

    台区终端电科院送检文档

    非开挖水平定向钻机动力头装置设计.zip

    非开挖水平定向钻机动力头装置设计.zip

Magicbox
Global site tag (gtag.js) - Google Analytics