SpringBoot使用Ckediter上传图片
来源:互联网 发布:mybatis 配置打印sql 编辑:程序博客网 时间:2024/06/07 19:05
需求
通过ckediter的自带上传图片的插件,上传图片到我们自己的服务器上。
实现
ckediter的配置部分:找到ckeditor/ckeditor.js。
//后面的地址改为你上传图片的地址config.filebrowserImageUploadUrl= '/article/uploadImage'
后台Controller部分
@Controllerpublic class FileUploadController { @RequestMapping(value = "article/uploadImage") //这里的参数不用改 public void uplodaImg(@RequestParam("upload") MultipartFile file,HttpServletRequestrequest, HttpServletResponse response){ //这是响应的对象(返回的数据对象) PrintWriter out = response.getWriter(); //这个是Ckediter的回调方法,很重要(后边将通过上面的返回对象,返回给前端并触发Ckediter回调) String CKEditorFuncNum = request.getParameter("CKEditorFuncNum"); //这部分是校验图片的后缀(格式)是否正确 if (uploadContentType.equals("image/pjpeg") || uploadContentType.equals("image/jpeg")) { expandedName = ".jpg"; } else if (uploadContentType.equals("image/png") || uploadContentType.equals("image/x-png")) { expandedName = ".png"; } else if (uploadContentType.equals("image/gif")) { expandedName = ".gif"; } else if (uploadContentType.equals("image/bmp")) { expandedName = ".bmp"; } else { out.println("<script type=\"text/javascript\">"); out.println("window.parent.CKEDITOR.tools.callFunction(" + CKEditorFuncNum + ",''," + "'文件格式不正确(必须为.jpg/.gif/.bmp/.png文件)');"); out.println("</script>"); return; } //这里是校验图片的大小是否允许 if (file.getSize() > 1024 * 1024 * 2) { out.println("<script type=\"text/javascript\">"); out.println("window.parent.CKEDITOR.tools.callFunction(" + CKEditorFuncNum + ",''," + "'文件大小不得大于2M');"); out.println("</script>"); return; } //这里是所有校验成功后的保存操作 DateFormat df = new SimpleDateFormat(DEFAULT_SUB_FOLDER_FORMAT_AUTO); fileName = df.format(new Date()) + expandedName; file.transferTo(new File(path + "/" + fileName)); // 这里是回调的内容:返回"图像"选项卡并显示图片 request.getContextPath()为web项目名 out.println("<script type=\"text/javascript\">"); out.println("window.parent.CKEDITOR.tools.callFunction(" + CKEditorFuncNum + ",'" + "../../upload/img/" + fileName + "','')"); out.println("</script>"); return; }}
注:上面的代码肯定不能直接粘来用,只是写个大概的逻辑,方便理解。具体实现可以参考这里,点我
阅读全文
0 0
- SpringBoot使用Ckediter上传图片
- 多图片上传-springboot
- ssh 整合ckediter ckfinder 文件上传问题
- CKEditer实现插入图片的功能
- Springboot restTempate POST 上传图片
- springboot\maven 添加上传图片、三级联动
- springboot 单个input多图片上传
- 上传图片,Not allowed to load local resource,springboot上传
- SpringBoot上传
- 使用ASP上传图片
- 使用ckeditor上传图片
- 使用SmartUpload上传图片
- 使用Kindeditor上传图片
- 使用AFNetWorking 上传图片
- 使用afn 上传图片
- 使用AFNetworking上传图片
- 上传图片方便使用
- 使用WebUploader上传图片
- 定制自己的Unity场景编辑工具界面(一)
- android 检测USB是U盘还是外设
- 面试题
- HDU 2017 多校联赛2 1011 Regular polygon
- CF766E:Mahmoud and a xor trip(树形dp)
- SpringBoot使用Ckediter上传图片
- Unity与ARKit插件实践评测总结
- python基础之list,zip,array的区别
- 计算机视觉----图像底层特征提取之边缘提取(二) Canny算法
- 解决OKHttp3 报OKHTTP javax.net.ssl.SSLHandshakeException错误
- Java冒泡排序的6种写法(1)
- HTML 标题段落
- 数据库基础(第七章)
- JSP+JS实现全选功能