码迷,mamicode.com
首页 > 其他好文 > 详细

单独使用CKfinder上传图片

时间:2014-08-05 18:11:39      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   java   使用   io   文件   ar   

首先引入ckfinder.js

<script type="text/javascript" src="<%=request.getContextPath()%>/ckfinder/ckfinder.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/easyUI/jquery.min.js"></script>

因为用了jquery所以也引了下,写原生js也很简单。

下面是主要js代码:

/**
 * 通过ckfinder独立上传文件或图片
 */
//初始化ckfinder
function BrowseServer() {
   var finder = new CKFinder();
    finder.basePath = ‘<%=request.getContextPath()%>/ckfinder/‘; 
    finder.selectActionFunction = SetFileField; //当选中图片时执行的函数
    finder.popup();//调用窗口       
}
    //文件选中时执行
    //fileUrl所选中文件的路径
function SetFileField(fileUrl) {
    $("#xFilePath").val(fileUrl);
    $("#uploadImg").attr("src",fileUrl);
}

对应的HTML代码:

<div>
        <img src="" id="uploadImg" width="90px" height="90px" /> 
        <input type="text" id="xFilePath" readOnly/>
        <input type="button" value="上 传" onclick="BrowseServer()" />
</div>

done!

单独使用CKfinder上传图片,布布扣,bubuko.com

单独使用CKfinder上传图片

标签:style   blog   color   java   使用   io   文件   ar   

原文地址:http://www.cnblogs.com/savokiss/p/3892356.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!