fckeditor 图片上传 java_ckeditor用fckeditor的文件管理器实现图片上传
把java web项目中的fckeditor在线文本编辑器升级到ckeditor,但又不想购买ckfinder来实现文件上传?老k将告诉你一个不用花钱就可以实现ckeditor上传文件的好方法,只要对fckeditor的filemanager做出几处修改,就可以集成fckeditor的文件上传管理器到ckeditor中使用,可以方便在文章中插入图片及flash。
1.在java web项目中集成fckeditor
如果你是把fckeditor升级到ckeditor的话,可以跳过这一步,否则请下载fckeditor的最终版本,然后把fckeditor文件夹复制到java web项目的webroot目录下。
2.把java实现文件上传需要的jar复制到项目lib目录下
下载本文的示例项目后解压,把项目lib目录下的所有jar文件复制到你的项目的lib下面,如果不是通过myeclipse或者eclipse进行粘贴的话,你还需要把这些jar加入到项目编译路径下。
3.重写fckeditor实现文件上传的ConnectorServlet以解决中文乱码的问题
你可以直接到本文示例项目net.laokboke.servlet目录下的ConnectorServlet.java复制到你的项目的src目录下。
4.实现fckeditor的connector.userActionImpl
其实只需要把fckeditor.properties文件复制到你项目的src目录下就可以了
5.配置你的web.xml文件
配置上传文件的servlet,使tomcat启动的时候就加载该servlet,在web.xml中加入以下的代码:
Connector
net.laokboke.servlet.ConnectorServlet
baseDir
/userfiles/
debug
true
1
Connector
/fckeditor/connector
6.修改fckeditor文件上传管理器的若干文件
这些文件全部位于fckeditor\editor\filemanager\browser\default\目录下,你只需要把本文的示例项目中同目录下的所有文件复制替换你的就可以了。
7.修改ckeditor的图像属性窗口js,屏蔽一些不必要的选项
该文件是位于ckeditor\plugins\image\dialogs\目录下的image.js文件,增加了291-293这几行代码。
8.在ckeditor集成fckeditor filemanager
其实就是在使用ckeditor时配置它的filebrowserBrowseUrl和filebrowserUploadUrl等属性,如以下js代码:
9.查看效果
把示例项目下载后,解压并加入到myeclipse工程中,然后部署到tomcat,启动tomcat,并访问demo.jsp文件就可以看到效果了,点击ckeditor插入图片的按钮,然后再点击“浏览服务器”,你就可以看到fckeditor的文件上传管理器了,当然,你可以进行创建文件夹、上传图片等操作,上传完成后选择某一张图片就可以插入到ckeditor文档中了。如下图:
软件大小:1.76MB
软件类别:
软件语言:英文
运行环境:HTML
软件授权:开源软件
更新时间:2012-7-18 9:18:32
相关链接:暂无
软件大小:1.40MB
软件类别:
软件语言:简体中文
运行环境:ASP/PHP/JSP/asp.net/cgi
软件授权:免费版
更新时间:2012-8-7 9:29:56
相关链接:暂无
本文转自:老K博客
fckeditor 图片上传 java_ckeditor用fckeditor的文件管理器实现图片上传相关推荐
- 苹果电脑上最好用的双栏文件管理器Commander One PRO
苹果电脑上最好用的双栏文件管理器Commander One PRO破解版推荐给大家!Commander One永久激活版具有比Finder更强的功能,支持双栏窗口显示.显示隐藏文件.正则表达式.ZIP ...
- Android调用系统自带的文件管理器获取图片绝对路径
1.跳转到文件选择器进行文件选择 Intent intent = new Intent(Intent.ACTION_GET_CONTENT); intent.addCategory(Intent.CA ...
- 文件管理服务器主机,通过BlueHost主机文件管理器上传文件
BlueHost用户有两种上传网站程序或文件的方式,一种是通过FTP工具上传网站文件,使用默认或者添加的FTP账户(参考BlueHost主机添加FTP账户教程)登录都可以:另一种就是直接在BlueHo ...
- 史上最全Android文件管理器技术方案细节
前言: 这些都是基于市面上开源的文件管理器源码阅读提炼出来的思路,应用市场上绝大多数的文件管理器核心功能的实现其实大同小异,开源项目以小米社区开放版为主.如思路有错误希望大家提出一起商讨更好的思路. ...
- fckeditor 2.6 php,FCKeditor2.6.7 for PHP配置及中文上传乱码解决
1.首先去官网下载FCKeditor2.6.7 (版本好像只有一种,应该是多国语言版的).http://ckeditor.com/download, 注意:第一个为最新3.0.1版,第二个才是FCKe ...
- html上传文件与后台处理,关于前端html图片和文件上传和后台接收方法
前些时间项目和h5交互时涉及到了文件上传的一个功能,但是h5在写上传的时候总是上传不上,所以花时间专门看了下web端的文件上传记录下. 第一种是前端写的,拿来修改了下,这种方法在上传的时候需要用到jq ...
- bootstrap-fileinput上传文件的插件使用总结----编辑已成功上传过的图片
http://plugins.krajee.com/file-plugin-methods-demo 具体操作 http://plugins.krajee.com/file-preview-manag ...
- afn post请求上传文件_iOS利用AFNetworking(AFN) 实现图片上传
1.上传图片以二进制流的形式上传 1 #pragma mark - 文件上传 2 - (IBAction)uploadImage 3 { 4 10 // 1. httpClient->u ...
- java下传图片到tomcat服务器后,如何在页面显示,java图片上传服务器及客户端显示图片...
我在上一篇文章SSM+Layui实现文件上传服务器中展示了如何将图片上传至服务器,保存到SQL server数据库中,本篇文章主要讲的是将图片上传到服务器上,保存在服务器的磁盘上,然后将图片路径保存到 ...
最新文章
- Coggle加速计划:解决数据下载烦恼!
- Sublime搭建Python环境
- 背景属性的相关属性设置
- 软件测试中的α测试、β测试和λ测试
- MySQL 5.6 中的 TIMESTAMP 和 explicit_defaults_for_timestamp 参数
- openssl java使用手册_openssl使用手册
- php empty();和isset();
- Android自己定义组件系列【4】——自己定义ViewGroup实现双側滑动
- java List接口
- 升级后重启造成fsck.ext3: Unable to resolve UUID
- 面向对象七大设计原则(转)
- 无线鼠标全国产化电子元件推荐方案
- 第21篇 项目进度管理__关键路径法
- 《暗时间》经典(一)
- 计算机硬盘容量越大运行速度越快,固态硬盘越大运行速度越快吗
- 机器视觉:工业相机专业词汇中英文详解
- 能“干掉”苹果的中国“黑客”
- 用Cordova打包Vue项目为app
- java实现“进制转换-在线工具”
- 明日之后什么服务器物品最便宜,明日之后:玩家晒物价最低的服务器,看到uzi标价,观众直接酸了...