js 实现选择文件夹,并展示其路径的问题

今天遇到,用js 实现选择文件夹,并展示其路径的问题,网上查了很多资料,最后采用以下方法实现

<tr>
    <td>选择文件路径:td>
    <td><input id="path" type="text" name="path" size="30">td>
    <td><input type=button value="选择" οnclick="browseFolder('path')">td>
tr>

js代码:

<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>

该方法实现只支持IE浏览器,并且需要设置IE

Internet选项--->安全--->自定义级别--->ActiveX控件和插件前三项设置为启用

你可能感兴趣的:(js 实现选择文件夹,并展示其路径的问题)