QQ客服热线
首页 > 信息资讯 > 技术专栏

技术专栏

单独使用CKFinder选择图片的方法,自定义页面浏览服务器
2013年9月4日
摘要: 单独使用CkFinder选择图片的方法,自定义页面浏览服务器。通过弹出窗口获取图片地址。

单独使用CKFinder选择图片的方法,自定义页面浏览服务器。通过弹出窗口获取图片地址。

代码如下:

<div> 
<script type="text/javascript" src="../ckfinder/ckfinder.js"></script> 
<script type="text/javascript"> 

function BrowseServer(inputId) 
{ 
var finder = new CKFinder() ; 
finder.basePath = '../ckfinder/'; //导入CKFinder的路径 
finder.selectActionFunction = SetFileField; //设置文件被选中时的函数 
finder.selectActionData = inputId; //接收地址的input ID 
finder.popup() ; 
} 
//文件选中时执行 
function SetFileField(fileUrl,data) 
{ 
document.getElementById(data["selectActionData"]).value = fileUrl ; 
} 

</script> 
<p> 
<asp:TextBox ID="txtImgPath" runat="server"></asp:TextBox> 
<input type="button" value=" 浏 览 " onclick="BrowseServer('<%=txtImgPath.ID %>');" /> 
</p> 
</div>

如何使用ckfinder 见:Ckeditor 3.62编辑器和CkFinder 2.1完美组合案例

来自TCNET 转载请保留www.nbtcnet.com

返回列表