`
5211422
  • 浏览: 211526 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 文件夹选择框(一)

阅读更多

 调用windows 的shell,但会有安全问题

* 特别注意的是,由于安全方面的问题,你还需要如下设置才能使本JS代码正确运行,
 * 否者会出现"没有权限"的问题.
 *
 * 1、设置可信任站点(例如本地的可以为:http://localhost)
 * 2、其次:可信任站点安全级别自定义设置中:设置下面的选项
 * "对没有标记为安全的ActiveX控件进行初始化和脚本运行"----"启用"  

 

 第一方式:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="com.zzst.application.meeting.util.*"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>aa.html</title>

  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <meta http-equiv="description" content="this is my page">
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <script>
  function browseFolder(path) {
    try {
        var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939";  //选择框提示信息
        var Shell = new ActiveXObject("Shell.Application");
        var Folder = Shell.BrowseForFolder(0, Message, 64, 17);//起始目录为:我的电脑
  //var Folder = Shell.BrowseForFolder(0,Message,0); //起始目录为:桌面
        if (Folder != null) {
            Folder = Folder.items();  // 返回 FolderItems 对象
            Folder = Folder.item();  // 返回 Folderitem 对象
            Folder = Folder.Path;   // 返回路径
            if (Folder.charAt(Folder.length - 1) != "\\") {
                Folder = Folder + "\\";
            }
            document.getElementById(path).value = Folder;
            return Folder;
        }
    }
    catch (e) {
        alert(e.message);
    }
}
</script>

 </head>

 <body>
   <input type="text" name="path" />
         <input type="button" onclick="browseFolder('path')" value="选择生成路径" />
 </body>
</html>

 

第二方式:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="com.zzst.application.meeting.util.*"%>

<object classid="CLSID:13709620-C279-11CE-A49E-444553540000" id="Shell"></object>
<input type="button" value="选择一个文件夹" onclick="alert(Shell.BrowseForFolder(0,'请选择一个文件夹',0));">

分享到:
评论

相关推荐

    js 文件夹选择框(三)

    这篇文章“js 文件夹选择框(三)”可能探讨了如何在JavaScript环境下实现类似功能的方法。 首先,我们需要了解,通常在Web应用中,`&lt;input type="file"&gt;`元素只能让用户选择单个文件或一组文件,但不能选择整个...

    javascript文件夹选择框的两种解决方案.rar

    在JavaScript中,实现文件夹选择框的功能并非标准API的一部分,因为出于安全和隐私考虑,浏览器通常不允许直接访问用户的文件系统。然而,通过一些技巧和利用HTML5的一些特性,我们可以找到变通的方法来实现类似功能...

    【转】js实现弹出选择路径框

    标题中的“【转】js实现弹出选择路径框”指的是使用JavaScript编程语言来创建一个功能,让用户能够通过图形用户界面(GUI)选择本地文件系统的特定路径。在网页应用中,通常浏览器的安全策略不允许直接访问用户的...

    jquery时间选择框

    总结,创建一个支持时、分、秒选择的jQuery时间选择框,需要结合jQuery库、时间选择插件、HTML结构以及JavaScript事件处理。通过合理的配置和编程,我们可以实现一个功能强大、用户体验良好的时间选择组件。在实际...

    jsp选择文件夹路径

    在`browseFolder.js`文件中定义一个名为`browseFolder`的函数,该函数用于打开文件夹选择对话框,并返回所选文件夹的路径。 ```javascript function browseFolder(path) { try { var message = "请选择文件夹...

    带选择框树

    3. **层级视图**:在文件管理器或目录浏览中,带选择框树能清晰地展示文件或文件夹的层级关系,方便用户同时选择多级目录。 4. **配置设置**:在软件或应用的设置界面,用户可以使用带选择框树来选择启用或禁用某些...

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

    这个OCX控件中提供了一个getFiles()方法,只要获取控件对象,然后调用getFiles()方法就可以获取对应路径下的所有文件,如下图: 该控件可以选择任意盘符下的任意文件夹,图中最下面的按钮时web中的input,通过web中...

    jsp_选择文件夹的路径

    本文将详细介绍一种通过JavaScript调用Windows Shell API来实现文件夹选择的方法,并在JSP页面上展示所选文件夹的路径。 #### 解决方案详解 ##### 1. 调用Windows Shell API 为了实现文件夹的选择,我们可以利用...

    浏览文件夹的js代码

    ### 浏览文件夹的JS代码解析与应用 在网页开发中,实现用户与本地文件系统的交互是一项重要的功能。本文将深入分析一个用于浏览器(包括IE和Firefox)中浏览文件夹的JavaScript代码,并探讨其工作原理及实际应用...

    vue消息弹出框组件需要的文件

    1,弹出框显示包括info, warning, success, error, normal五种预定义样式,也可自定义; 2,支持自动关闭和点击关闭,放了关闭监听函数和点击消息框监听函数,放在增加后续行为; 3,放了获取消息和更新消息状态的...

    完整版目标目录选择框模块使用例子.e.rar

    "完整版目标目录选择框模块使用例子.e.rar"是一个压缩包文件,它包含了一个关于如何使用目标目录选择框模块的详细实例。这个模块通常是用于让用户在应用程序中方便地选择存储路径或文件夹的地方,常见于文件上传、...

    JS读取本地文件夹和图片异步加载(图片LazyLoad)

    一、JavaScript读取本地文件夹 在浏览器环境中,出于安全考虑,JavaScript无法直接访问用户的本地文件系统。但是,HTML5引入了File API,通过这个API,用户可以选择文件并进行读取。以下是一个简单的文件选择示例:...

    jquery时尚下拉选择框.zip

    在这个项目中,可能会有一个名为`dropdown.js`或类似的文件,里面包含了实现下拉选择框动态效果的jQuery代码。这些代码可能包括监听事件、改变样式、添加动画等。 3. **css**:同样是一个文件夹,用于存储CSS样式...

    完整版目标目录选择框模块使用例子.rar

    1. **目标目录选择框模块**:这是UI设计中的一种常见元素,通常以输入框的形式存在,允许用户输入或者通过下拉菜单选择一个文件夹路径。在编程中,这个模块可能由特定的控件或者库来实现,如HTML5的`...

    javascript实现的日期选择器

    `JS` 文件夹很可能是存放JavaScript源代码的地方,其中可能包括了日期选择器的核心逻辑,如日期计算、事件处理、DOM操作等。JavaScript代码通常会使用DOM(文档对象模型)来操作HTML元素,实现与用户的交互。 `...

    完整版目标目录选择框模块代码.e.rar

    首先,目标目录选择框通常用于让用户在应用程序中选择一个或多个文件夹,这在文件上传、备份、文件管理等场景中十分常见。它需要提供一种直观且高效的用户界面,以便用户能轻松地浏览和选择所需的目录。 1. **前端...

    javascript读取文件夹中的文件并输出

    在JavaScript中,读取文件夹中的文件并输出是一项常见的任务,尤其在开发Web应用程序时。JavaScript作为客户端脚本语言,通常不能直接访问本地文件系统,因为出于安全原因,浏览器会限制这种权限。但是,借助HTML5...

    css实现个性化select 下拉选择框(3种风格)

    `css`文件包含了上述的各种CSS样式规则,`images`文件夹可能存储了用于箭头图标的图片资源,而`js`文件可能包含了额外的JavaScript代码,用于处理交互逻辑或进一步自定义下拉框的行为。 总结,通过CSS,我们可以...

    js/jq仿window文件夹框选操作插件

    在JavaScript和jQuery的世界里,创建一个仿照Windows文件夹框选操作的插件是一个常见的需求,这能够增强用户的交互体验,特别是在处理大量可选择元素的场景下。本篇将详细介绍如何利用js/jq实现这样的功能,并提供一...

Global site tag (gtag.js) - Google Analytics