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

最新推荐文章于 2024-03-05 14:10:50 发布

九色花瓣

最新推荐文章于 2024-03-05 14:10:50 发布

阅读量1w

点赞数 1

本文介绍了一种使用JavaScript实现在网页上选择文件夹并获取其路径的方法，该方法适用于IE浏览器，需要对IE的Internet选项进行特定设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<tr>
    <td>选择文件路径：</td>
    <td><input id="path" type="text" name="path" size="30"></td>
    <td><input type=button value="选择" onclick="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>