asp.net中使用ckfinder2选择图片并返回图片文件的路径的代码

最新推荐文章于 2024-09-19 20:58:21 发布

happymagic

最新推荐文章于 2024-09-19 20:58:21 发布

阅读量1.9k

点赞数

分类专栏： CK系列文章标签： asp.net textbox function button input server

CK系列专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在ASP.NET页面中加入以下代码：

<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" Height="17px" Width="429px"></asp:TextBox>
<input type="button" value=" 浏览 " οnclick="BrowseServer('<%=txtImgPath.ClientID %>');" />
</p>
</div>