单独使用CKFinder选择图片的方法

 更新时间:2010年08月21日 13:10:52   作者:  
单独使用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 2.0
下载地址:http://ckfinder.com/download

相关文章

最新评论