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>
  • 相关阅读:
    Falsk的模板分配和蓝图、定制错误信息、 和补充
    Flask配置文件和 路由系统
    初始Flask
    REST Framework组件的解析源码
    MdelForm 和formset
    待修改脚本
    时间打点脚本
    Move Over and Click Link
    Wait and Click Element
    Strings=newString(“xyz”);创建了几个 StringObject?
  • 原文地址:https://www.cnblogs.com/ChenD/p/7009937.html
Copyright © 2011-2022 走看看