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

181 阅读 0 评论 120 点赞

我是靠谱客的博主烂漫香氛，最近开发中收集的这篇文章主要介绍单独使用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> 