zoukankan      html  css  js  c++  java
  • ckfinder的使用

    引入<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-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="100%">
    <ul style="overflow:hidden;margin:10px;padding:2px;list-style:none;">
    <li id="imgeConId" style="float:left;200px; height:200px; position:relative;" >
    </li>
    </ul>
    </div>
    </div>
    </div>
  • 相关阅读:
    linux下的内存映射函数mmap详解及示例代码
    Android平台上使用属性系统(property system)
    Android筆記
    Android Prelink
    DataGridView BindingSource BindNavigator
    可排序的ListView
    开源2D绘图组件ZedGraph
    BackgroundWorker示例
    级联datagridview 利用datarelation和bindingsource
    继承DataGridView
  • 原文地址:https://www.cnblogs.com/ChenD/p/7009937.html
Copyright © 2011-2022 走看看