单独使用CKFinder上传图片

ckfinder配合ckeditor一起使用非常方便，网上也有很多教程，今天有这样一个需要：发布新闻，如果是图片新闻，就需要上传图片，由于网站全部采用ajax实现，所以就不考虑fileupload控件了，想到发布新闻时用到了ckeditor，里面上传文件就是用ckfinder，试想如果单独使用ckfinder也应该是可以有，看了下官网果然有这样的DEMO，网上也有人提到怎么使用！

  

<script src="/Js/jquery.js" type="text/javascript"></script> 

<script src="/admin/Js/plugins/ckfinder/ckfinder.js" type="text/javascript"></script> 

 

 <script type="text/javascript">  
 function addImage(inputId)
        {
            var finder = new CKFinder();
            finder.BasePath = "/admin/Js/plugins/ckfinder/";  //导入CKFinder的路径
            finder.SelectFunction = SetFileField; //设置文件被选中时的函数
            finder.SelectFunctionData = inputId;  //接收地址的input ID
            finder.Popup();
        }
        //文件选中时执行
        function SetFileField(fileUrl, data) {
            
            $("#imgNews").attr("src", fileUrl);
        }   
 </script>
<img src="" id="imgNews" />
                <input type="button"  value="上 传" onclick="addImage('imgNews')" />
               <span style=" color:#666">尺寸:950*155</span>
            </td>

 

 

 注：CKFinder 1.4.3，

如果是2.0版方法名有所不同