引入<script type="text/javascript" src="${ctxStatic}/ckfinder/ckfinder.js"></script>

function BrowseServer(inputId){ var finder = new CKFinder() ; finder.basePath = '${ctx}/static/ckfinder/'; //導入CKFinder的路徑 finder.selectActionFunction = SetFileField; //設置文件被選中時的函數 finder.selectActionData = inputId; //接收地址的input ID finder.popup() ; }; //文件選中時執行 function SetFileField(fileUrl,data) { var NfileUrl = fileUrl.substring(fileUrl.indexOf('/',fileUrl.indexOf('/')+1)); var img = "<img src ='"+ fileUrl +"' alt='' style= 'position:absolute;left:0;top:0;bottom:0;right:0;max-width:200px;max-height:200px'>"; var imgi = "<input type='hidden' name='bannerPic' value='"+NfileUrl+"' />"; $("#imgeConId").append(imgi); $("#imgeConId").append(img); } <div class="control-group"> <label class="control-label">熱點圖片：</label> <%-- <div class="controls"> <form:input path="bannerPic" htmlEscape="false" maxlength="255" class="input-xlarge "/> </div> --%> <div class="controls"> <input type="button" value="添加" onclick="BrowseServer('image')" /> <div class="box" style="width:100%"> <ul style="overflow:hidden;margin:10px;padding:2px;list-style:none;"> <li id="imgeConId" style="float:left;width:200px; height:200px; position:relative;" > </li> </ul> </div> </div> </div>

?

轉載于:https://www.cnblogs.com/ChenD/p/7009937.html

總結

以上是生活随笔為你收集整理的ckfinder的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。