单独使用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版方法名有所不同

你可能感兴趣的:(ckfinder)