博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
单独使用CKfinder上传图片
阅读量:5154 次
发布时间:2019-06-13

本文共 573 字,大约阅读时间需要 1 分钟。

首先引入ckfinder.js

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

下面是主要js代码:

/** * 通过ckfinder独立上传文件或图片 *///初始化ckfinderfunction 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代码:

done!

转载于:https://www.cnblogs.com/savokiss/p/3892356.html

你可能感兴趣的文章
Java中反射的学习与理解(一)
查看>>
C语言初学 俩数相除问题
查看>>
B/S和C/S架构的区别
查看>>
[Java] Java record
查看>>
jQuery - 控制元素显示、隐藏、切换、滑动的方法
查看>>
postgresql学习文档
查看>>
Struts2返回JSON数据的具体应用范例
查看>>
js深度克隆对象、数组
查看>>
socket阻塞与非阻塞,同步与异步
查看>>
团队工作第二天
查看>>
System类
查看>>
tableView
查看>>
Happy Great BG-卡精度
查看>>
Xamarin Visual Studio不识别JDK路径
查看>>
菜鸟“抄程序”之道
查看>>
Ubuntu下关闭防火墙
查看>>
TCP/IP 邮件的原理
查看>>
w3m常用快捷键
查看>>
【Unity 3D】学习笔记四十一:关节
查看>>
原型设计工具
查看>>