asp.net点击按钮弹出文件夹选择框的实现（网页）

最新推荐文章于 2022-02-17 17:11:36 发布
最新推荐文章于 2022-02-17 17:11:36 发布
阅读量2.4k 收藏 3
点赞数 1
分类专栏： ASP.NET
在Asp.net网站实际的开发中，比如：需要实现点击一个类似于FileUpload的浏览...按钮，弹出文件夹选择框，然后选择本地路径下的某一文件夹，将该路径值付给TextBox。参考了好多网络资料，但是其主要实现方式是通过FileUpload，但是这种文件上传方式去不能很好的解决该功能需求；只好寻求别的解决方法。在不断深入的学习中，发现可以通过JS的方式来得以实现该需求。下面是详细的实现过程，供大家参考。

解决方法1:
调用windows的shell，但会有安全问题。
该文件定义了BrowseFolder()函数，它将提供一个文件夹选择对话框
以供用户实现对系统文件夹选择的功能，文件夹选择对话框起始目录由
Shell.BrowseForFolder(WINDOW_HANDLE, Message, OPTIONS,strPath)函数的strPath参数设置
例如：0x11--我的电脑；0 ——桌面."c:\\"--系统C盘。
你可以创建一个browseFolder.js，然后进行调用,
用如下代码把该函数应用到一个HTML文件中：

 <scriptsrc="browseFolder.js"></script>

或者把下面代码直接复制到<scripttype="text/javascript">...</script>中得...处；

注：由于浏览器安全方面的问题,你还需要作如下设置才能使本JS代码正确运行,否者会出现“没有权限”的问题。
  1、设置可信任站点（例如本地的可以为：http://localhost）

 2、可信任站点安全级别自定义设置中：选择“Internet选项下——安全选项卡”，点击“自定义级别”按钮设置下面的选项“对未标记为安全的ActiveX控件进行初始化和脚本运行”，将该项设置为启用。

browserFolder.js:

//path 要显示值的对象id
function BrowseFolder()
{
    try
    {
        var Message = "请选择报表存放路径";
        var Shell = new ActiveXObject("Shell.Application");
        var Folder = Shell.BrowseForFolder(0, Message, 0x0040, "<%=sFilePath%>");
        if (Folder != null)
        {
            Folder = Folder.items(); // 返回 FolderItems 对象
            Folder = Folder.item();
            Folder = Folder.Path; // 返回路径
            if (Folder.charAt(Folder.length - 1) != "\\")
            {
                Folder = Folder + "\\";
            }
            var bb = document.getElementById("<%=txtFilePath.ClientID%>");
            bb.value = Folder;
            return Folder;
        }
    }
    catch (e)
    {
        alert(e.message);
    }
}

Asp.net下，TextBox和Button中的使用方法:

<asp:TextBox runat="server"ID="txtBackupPath" Width="488px">E:\数据库</asp:TextBox><asp:Button  runat="server"Text="浏览..." Width="78px"OnClientClick="BrowseFolder()"/>

这种方法能很好的实现后台对数据的处理，所以相对完美。
还有一种HTML下的使用方法：
对应的JS如下： 

function browseFolder()
{
    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.getElementByIdx_x("pathname").value = Folder;
            return Folder;
        }
    }
    catch (e)
    {
        alert(e.message);
    }
}

HTML对应的文本框和按钮的使用方法： 

<input type="text" id="pathname"/></td>
<input  type="button"οnclick="browseFolder()"value="浏览..."/></td>

这种方法的不完美的地方是后台对文本框数据的处理比较麻烦。

解决方法2:

自己写一个js读取本地硬盘的选择框, 缺点是外观上较上一个差一些.

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
</head>
<body>
    <table border="0" cellpadding="0" width="100%" id="tb_show">
        <tr>
            <td width="18%">
                文件保存位置:
            </td>
            <td width="82%">
                <%--<html:file property="file"size="40"styleClass="inputbox"/>--%>
                <input name="backDir" type="text" value="C:\" size="100" width="500">
            </td>
        </tr>
        <tr>
            <td>
                目录位置:
            </td>
            <td>
                <select name="tables_drive" id="tables_drives" οnchange="get_drives()">
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <select name="table_folder" id="table_folder" size="10" multipleοndblclick="get_file()">
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <font color="red">说明：双击列表框的一个选项，就将该文件夹下面的文件夹显示在该列表框中。第一个就是根目录</font>
            </td>
        </tr>
    </table>
</body>
</html>

<script>
    window.onload = new function init()
    {
        var fso, s, n, e, x;
        fso = new ActiveXObject("Scripting.FileSystemObject");
        e = new Enumerator(fso.Drives);
        s = "";
        for (; !e.atEnd(); e.moveNext())
        {
            x = e.item();
            s = s + x.DriveLetter;
            s += ":";
            if (x.DriveType == 3)
                n = x.ShareName;
            else if (x.IsReady)
                n = x.VolumeName;
            else
                n = "[驱动器未就绪]";
            s += n + ",";
        }
        var drives = s.split(",");
        var tableDrives = document.getElementByIdx_x("tables_drives");
        for (var i = 0; i < drives.length - 1; i++)
        {
            var option = document.createElement_x("OPTION");
            drives[i].split(":");
            option.value = "[" + drives[i].split(":")[0] + ":]" + drives[i].split(":")[1];
            option.text = "[" + drives[i].split(":")[0] + ":]" + drives[i].split(":")[1];
            tableDrives.add(option);
        }
    }


    function get_drives()
    {
        var tableDrives = document.getElementByIdx_x("tables_drives");
        var tableFolders = document.getElementByIdx_x("table_folder");
        for (var i = 0; i < tableDrives.options.length; i++)
        {
            if (tableDrives.options[i].selected == true)
            {
                var fso, f, fc, s;
                var drive = tableDrives.options[i].value.split(":")[0].substring(1, tableDrives.options[i].value.split(":")[0].length);
                document.getElementByIdx_x("backDir").value = drive + ":\\";
                fso = new ActiveXObject("Scripting.FileSystemObject");
                if (fso.DriveExists(drive))
                {
                    d = fso.GetDrive(drive);
                    if (d.IsReady)
                    {
                        f = fso.GetFolder(d.RootFolder);
                        fc = new Enumerator(f.SubFolders);
                        s = "";
                        for (; !fc.atEnd(); fc.moveNext())
                        {
                            s += fc.item();
                            s += ",";
                        }

                        var len = tableFolders.options.length;
                        while (len >= 0)
                        {
                            tableFolders.options.remove(len);
                            len--;
                        }
                        var option = document.createElement_x("OPTION");
                        option.value = drive + ":\\";
                        option.text = drive + ":\\";
                        tableFolders.add(option);
                        var folders = s.split(",");
                        for (j = 0; j < folders.length - 1; j++)
                        {
                            option = document.createElement_x("OPTION");
                            option.value = folders[j];
                            option.text = folders[j];
                            tableFolders.add(option);
                        }
                    }
                    else
                    {
                        alert("无法改变当前内容！")
                    }
                }
                else
                    return false;
            }
        }
    }


    function get_file()
    {
        var tableFolders = document.getElementByIdx_x("table_folder");
        var tableDrives = document.getElementByIdx_x("tables_drives");
        for (var i = 0; i < tableFolders.options.length; i++)
        {
            if (tableFolders.options[i].selected == true)
            {
                var fso, f, fc, s;
                var folderpath = tableFolders.options[i].value.substring(0, tableFolders.options[i].value.length);
                if (folderpath.charAt(folderpath.length - 1) == "\\")
                {
                    document.getElementByIdx_x("backDir").value = folderpath;
                }
                else
                {
                    document.getElementByIdx_x("backDir").value = folderpath + "\\";
                }


                fso = new ActiveXObject("Scripting.FileSystemObject");
                f = fso.GetFolder(folderpath);
                fc = new Enumerator(f.SubFolders);
                s = "";
                for (; !fc.atEnd(); fc.moveNext())
                {
                    s += fc.item();
                    s += ",";
                }
                var len = tableFolders.options.length;
                while (len >= 0)
                {
                    tableFolders.options.remove(len);
                    len--;
                }
                var opt = "";
                var opt1 = "";
                for (j = 0; j < folderpath.split("\\").length; j++)
                {
                    var option = document.createElement_x("OPTION");
                    opt = opt + folderpath.split("\\")[j] + "\\";
                    if (j > 0)
                    {
                        opt1 = opt;
                        option.value = opt1.substring(0, opt1.length - 1);
                        option.text = opt1.substring(0, opt1.length - 1);
                        tableFolders.add(option);
                    }
                    else
                    {
                        option.value = opt;
                        option.text = opt;
                        tableFolders.add(option);
                    }

                }
                if (tableFolders.options[0].value == tableFolders.options[1].value)
                {
                    tableFolders.options.remove(1);
                }
                if (s != "")
                {
                    var folders = s.split(",");
                    for (j = 0; j < folders.length - 1; j++)
                    {
                        option = document.createElement_x("OPTION");
                        option.value = folders[j];
                        option.text = folders[j];
                        tableFolders.add(option);
                    }
                }
            }
        }
    }
</script>

本帖转载自http://blog.sina.com.cn/s/blog_5ceb51480100stgb.html

shanshan21cn
关注
专栏目录
【ASP.NET MVC4】实践练习-基于ASP.NET MVC 实现网页计算器，计算平均成绩
王迪
03-14 771
计算器项目效果图演示： 计算器项目知识点：创建ASP.NET MVC 项目、创建控制器、创建视图、创建模型、理解 MVC 的原理 实现思路：创建MVC 项目→添加控制器→添加视图→设计数据模型 需要的前提知识储备：【ASP.NET MVC4】第一课：初识ASP.NET MVC，创建第一个ASP.NET MVC项目 实现步骤： 第一步，新建MVC项目：在VS2012中，新建一个MVC项目，这里项目名称命名为“MvcCalculator”，项目模板选择为“空”，视图引擎选择为“ASPX”，然后单击
Asp.net点击按钮弹出文件夹选择框的实现（网页）
dingjianzhu9863的博客
11-12 763
本文地址：http://www.cnblogs.com/PiaoMiaoGongZi/p/4092112.html 在Asp.net网站实际的开发中，比如：需要实现点击一个类似于FileUpload的浏览...按钮，弹出文件夹选择框，然后选择本地路径下的 某一文件夹，将该路径值付给TextBox。参考了好多网络资料，但是其主要实现方式是通过FileUpload，但是这种文件上传方...
asp.net通过浏览文件夹上传图片
陈0敏的博客
01-01 380
前台代码：     文件序号     &lt;asp:TextBox ID="txtrollno" runat="server"&gt;&lt;/asp:TextBox&gt; &lt;br /&gt; 选择文件 &lt;asp:FileUpload ID="FileUpload1" runat="server" /&gt; &lt;br /&
asp.net 打开弹出savefiledialog或者openfiledialog对话框
06-04
试了好多还是不行 终于找到一个能用于web打开的savefiledialog或者openfiledialog了 需要添加system.windows.forms引用
webuploader上传文件夹
Mr_Zang666的博客
08-14 871
1背景 用户本地有一份txt或者csv文件，无论是从业务数据库导出、还是其他途径获取，当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候，首先要将本地文件上传至ODPS，普通的小文件通过浏览器上传至服务器，做一层中转便可以实现，但当这份文件非常大到了10GB级别，我们就需要思考另一种形式的技术方案了，也就是本文要阐述的方案。 技术要求主要有以下几方面： 支持超大数据量、1...
ASP.NET中的几种弹出框提示基本实现方法
weixin_30533797的博客
06-07 781
我们在.NET程序的开发过程中，常常需要和用户进行信息交互，比如执行某项操作是否成功，“确定”还是“取消”，以及选择“确定”或“取消”后是否需要跳转到某个页面等，下面是本人对常用对话框使用的小结，希望对大家有所帮助，同时也欢迎大家补充。 (1) 点击页面上的按钮，弹出一个对话框提示是“确定”还是“取消”操作，我们采用在按钮中添加属性来完成： 举例如下： 复制代码 代码如下:public Syst...
asp.net遍历选中文件夹
04-23
利用asp.net遍历选中文件夹，附带说明
ASP.NET设计网络硬盘之删除文件夹实现代码
10-27
4. 操作确认：为了避免用户误操作，可以在执行删除操作前弹出确认对话框（比如使用JavaScript的confirm函数），让用户确认是否真的要删除所选的文件或文件夹。 5. 删除操作的可恢复性：在一些情况下，开发者可能会...
一套优秀的基于ASP.NET弹出对话框popUp控件源码及例子代码
12-10
3. **示例代码**：资源中应有实际的ASP.NET页面示例，展示如何在网页中使用这个弹出对话框控件。这些示例可能包括按钮点击事件触发对话框，以及对话框内的表单验证等。 4. **CSS样式**：为了美化对话框，开发者可能...
asp.net mvc 弹出窗口 技巧
06-09
asp.net mvc 弹出窗口 技巧asp.net mvc 弹出窗口 技巧asp.net mvc 弹出窗口 技巧asp.net mvc 弹出窗口 技巧
创建一个ASP.NET MVC5项目的实现方法(图文)
10-14
ASP.NET MVC5是一种基于Microsoft .NET Framework的开源Web应用程序框架，它结合了ASP.NET的特性、Model-View-Controller（MVC）设计模式以及razor视图引擎，为开发者提供了构建可测试、高性能的Web应用的强大工具。...
aspnet 利用FileUpload控件实现弹出选择文件功能
dj19900708的博客
12-16 3758
因为近期项目需要刚刚接触aspnet，遇到需要在客户端弹出对话框的需求，不知道有什么第三方控件的情况下使用aspnet中的FileUpload控件中的弹窗功能。整个过程有些曲线救国的意思。 整体思路： 隐藏FileUpload、Button两个asp控件，通过input按钮触发FileUpload的click事件，再通过FileUpload的onchange事件触发Button的click事件
Asp.net点击按钮弹出文件夹选择框的实现（网页利用ActiveX）
anihasiyou的专栏
10-17 2909
在Asp.net网站实际的开发中，比如：需要实现点击一个类似于FileUpload的浏览...按钮，弹出文件夹选择框，然后选择本地路径下的某一文件夹，将该路径值付给TextBox。参考了好多网络资料，但是其主要实现方式是通过FileUpload，但是这种文件上传方式去不能很好的解决该功能需求；只好寻求别的解决方法。在不断深入的学习中，发现可以通过JS的方式来得以实现该需求。下面是详细的实现过程，供
Asp.Net文件和文件夹操作大全
weixin_34416649的博客
06-22 167
/// <summary> /// 创建文件夹 /// </summary> /// <param name="Path"></param> public static void FolderCreate(string Path) {...
ASP.Net中实现选择Excel文件，并读取数据到数据库
Joye-joy的博客
09-14 695
需求分析：之前测试的Excel文件读取，文件是固定放在程序运行的文件夹下，然而实际使用时需要从使用者的电脑上读取Excel文件，这个时间就需要添加选择文件的功能了。 问题分析：选择文件的功能，考虑到在相关使用人的电脑上的Excel文件，想要进行读取，需要先将Excel文件缓存在程序运行的指定文件夹中。下面将逐步记录实现过程中的相关问题及解决方法。 选择文件并获取路径 之前读取Excel文件路径是固定的，文件存储在程序所在的文件夹之下。 strCon = "Provider=Microsoft.Je
asp.net (web)选择文件夹 上传文件
weixin_52041354的博客
02-17 256
一、概述 所谓断点续传，其实只是指下载，也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的，HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传，需要自己实现。 二、Range 用于请求头中，指定第一个字节的位置和最后一个字节的位置，一般格式： Range:用于客户端到服务端的请求，可以通过改字段指定下载文件的某一段大小及其单位，字节偏移从0开始。典型格式： R...
asp.net打开对话框选择文件路径
redredredlu的专栏
04-09 5636
前台： 后台获取数据：string str = Request.Form["Upfile"].ToString();
asp.net 点击一个按钮弹出对话框选择文件然后选择文件完成之后就自动上传文件 input(file)
ablian的专栏
09-17 4799
通过控件来实现目标：点击一个按钮，然后弹出对话框让你选择文件，选择文件完成之后就自动上传，而无需再点击一个额外的按钮（例如命名为“上传”的按钮）。 说明：(1)input(file)控件的onchange事件处理函数貌似只能用javascript函数处理，而不能通过像asp:button控件一样用服务器端处理函数来处理。具体例子：，而这样是无效果的。 (2)input(file)控件是无法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值