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

      2020-03-11 17:36      编程语言
单独使用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