今天遇到,用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控件和插件前三项设置为启用