ckfinder.net完全讲解八(ckfinder获取选择文件夹，获取选中文件）

本文主要讲解ckfinder获取文件夹信息和获取选中文件等操作，获取选中文件主要使用函数getSelectFolder(),获取选择文件有两个函数，getSelectFile()和getSelectFiles()

getSelectFile获取一个文件，getSelectFiles获取一个文件数组。

1.添加js引用

 <script src="Js/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="CkEditor/ckfinder/ckfinder.js" type="text/javascript"></script>

2.添加js

<script type="text/javascript">
        var api;
        function BrowseServer(inputId) {
            var finder = new CKFinder();
            finder.basePath = 'CkEditor/ckfinder/'; //ckfinder所在路径
            finder.callback = function (api) {//ckfinder创建时函数
              
            };
            api = finder.popup(); //调用ckfinder
        }
        function closeServer() {//ckfinder关闭函数
            api.closePopup(function () {
                alert("按钮关闭");
            });
        }
        function destroyServer() {//ckfinder销毁函数
            api.destroy(function () {
                alert('The CKFinder instance was destroyed.');
            });
        }
        function getFolder() {
            var folder = api.getSelectedFolder();
            if (folder) {
                alert("文件夹路径：" + folder.getUrl());
            }
        }
        $(function () {
            $("#btnAdd").click(function () {
                BrowseServer("aa");
            });
            $("#btnClose").click(function () {
                closeServer(); //关闭弹出对话框
                destroyServer(); //销毁api
            });
            $("#btnDestroy").click(function () {
                destroyServer();
            });
            $("#btnGetFolder").click(function () {
                getFolder();
            });
        });
    </script>

3.添加html控件

 <div>
        <div id="lblInfo">
        </div>
        <input type="button" id="btnAdd" value="上传" />
        <input type="button" id="btnClose" value="关闭" />
        <input type="button" id="btnDestroy" value="销毁" />
        <input type="button" id="btnGetFolder"  value="获取文件夹信息"/>
    </div>

4.点击上传按钮，点击一个ckfinder对话框中的一个文件夹，回到原页面点击获取选择文件夹按钮，弹出如下信息

5.folder主要含有以下属性name,type,isRoot;主要包含以下一些方法：

createNewFolder(),//c创建一个新文件夹

deselect(),//取消选中

expanderNode(),//展开节点

focus(),//获取焦点

getChildren(),//获取子节点

getFiles(),//获取文件

getPath(),//获取路径

getResourceType(),//获取可以上传的文件类型

getUploadUrl(),//获取上传路径

getUrl(),//获取文件夹路径

remove()//移除