ckeditor 图片下传最新完美处理

ckeditor 图片上传最新完美处理
需要做的有以下几步：
1. 到官网下载ckeditor，网址：http://ckeditor.com/download
2. 复制到java web项目目录下
3. 配置config文件，打开图片上传功能
   

CKEDITOR.editorConfig = function (config) {// 换行方式config.enterMode = CKEDITOR.ENTER_BR;// 当输入：shift+Enter是插入的标签config.shiftEnterMode = CKEDITOR.ENTER_BR;// //图片处理config.pasteFromWordRemoveStyles = true;config.filebrowserImageUploadUrl = "ckUploadImage.action?type=image";// 去掉ckeditor“保存”按钮config.removePlugins = 'save';};

** 在这里另附flex引用ckeditor 编辑器默认全屏方法：
修改ckeditor.html页面：

<script type="text/javascript">if ( typeof CKEDITOR == 'undefined' ){  document.write('加载失败') ;}else{  //var editor = CKEDITOR.replace( 'editor1',  //     {//customConfig: "news_ck_config.js"//});   var editor = CKEDITOR.replace( 'editor1');  CKEDITOR.on('instanceReady', function(evt){         var editor = evt.editor;         editor.execCommand('maximize');      });}</script>

4. java后台处理代码

// 上传图片@Action(value = "/ckUploadImage", results = { @Result(name = "success", location = "/upload.jsp") })public String uploadImages() throws Exception {HttpServletRequest request = ServletActionContext.getRequest();FileOutputStream fos;String webRoot = request.getSession().getServletContext().getRealPath("");// 获取图片后缀名String partRightType = uploadFileName.substring(uploadFileName.lastIndexOf("."));String CKEditorFuncNum = request.getParameter("CKEditorFuncNum");// 判断图片的格式if (!ImageFile.checkImageType(partRightType)) {String path = "";String alt_msg = "Sorry! Image format selection is incorrect, please choose GIF, jpeg, PNG format JPG, picture!";pringWriterToPage("<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("+ CKEditorFuncNum+ ", '"+ path+ "' , '"+ alt_msg+ "');</script>");} else {try {uploadFileName = DateUtils.getDateNoStyle() + "-"+ UUID.randomUUID() + partRightType;String savePath = webRoot + Constants.UPLOAD_IMAGES_PATH;File uploadFilePath = new File(savePath);if (uploadFilePath.exists() == false) {uploadFilePath.mkdirs();System.out.println("路径不存在,但是已经成功创建了" + savePath);} else {System.out.println("路径存在了" + savePath);}fos = new FileOutputStream(new File(savePath + uploadFileName));FileInputStream fis = new FileInputStream(getUpload());byte[] buffer = new byte[1024];int len = 0;while ((len = fis.read(buffer)) > 0) {fos.write(buffer, 0, len);}fos.close();fis.close();} catch (FileNotFoundException foe) {System.out.println("上传文件为0字节");}// String path = "http://" + request.getServerName() + ":"// + request.getServerPort() + request.getContextPath()// + Constants.UPLOAD_IMAGES_PATH + uploadFileName;String path = request.getContextPath()+ Constants.UPLOAD_IMAGES_PATH + uploadFileName;String alt_msg = "";pringWriterToPage("<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("+ CKEditorFuncNum+ ", '"+ path+ "' , '"+ alt_msg+ "');</script>");}return null;}

* 其实重点的代码就是这点，相信大家都能看的懂，有不懂的留言！
pringWriterToPage("<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("
+ CKEditorFuncNum
+ ", '"
+ path
+ "' , '"
+ alt_msg
+ "');</script>");      坏人。。。。 18 楼 古叶斋 2012-06-21   弱弱地问一句，CKEditorFuncNum是什么？有哪些取值？ 19 楼 Vimesly 2012-06-27   古叶斋 写道弱弱地问一句，CKEditorFuncNum是什么？有哪些取值？
这是ckeditor里面自己的参数 在你保存的时候就传如后台了，如要知道具体取那些值，可以去看下js源码。 20 楼 yanghai30175 2012-08-17   我想问一下.FileInputStream fis = new FileInputStream(getUpload());  这里面的getUpload()方法是哪儿的ne 。。有代码吗？ 21 楼 liujiaxian 2012-08-24   11111111111111111111111111[align=center][/align][url][/url][flash=200,200][/flash][b][/b]

查看更多 下一篇