ueditor1.4.3 springmvc图片上传

ueditor:百度富文本编辑器,地址:ueditor.baidu.com

版本选择,之所以选择1.4.3,是因为ueditor 1.4.2才修复在bootstrap环境下图片拖拽异常,看到1.4.3也修复了不少的bug,没敢使用1.4.2,稍微看了下源码,1.4.3里面很多todo注释,ueditor一直在改进,不太成熟,既然这么多bug,为什么要选ueditor做富文本编辑?简单也是个有点

配置使用:

1,需导入jar包(当然一般项目commons都有)

2,ueditor.config.js

该文件定义了ueditor的请求入口和toolbar功能,这个文件对使用来说可以不用修改,想删除不用的功能的话,修改数组即可

3,ueditor.all.js

ueditor通过getActionUrl获取路径,修改这个方法配置图片上传路径

其中getServerName是获取上下文路径的js,自行修正路径

action有

  • uploadimage://执行上传图片或截图的action名称

  • uploadscrawl://执行上传涂鸦的action名称

  • uploadvideo://执行上传视频的action名称

  • uploadfile://controller里,执行上传视频的action名称

  • catchimage://执行抓取远程图片的action名称

  • listimage://执行列出图片的action名称

  • listfile://执行列出文件的action名称

具体参见百度文档:http://fex.baidu.com/ueditor/#qa-customurl

4,congroller.jsp

ueditor请求入口,需要的话,应该可以修改成springmvc 控制器,未测试

5,图片上传Controller

public String ueditImageUpload(@RequestParam(value = "upfile", required = false) MultipartFile upfile) {

// 上传图片

//返回数据

}

注:返回数据为json串,内容如下:

public class UploaderParam {  
    private String name; //通过upfile获取    
    private String originalName; //通过upfile获取    
    private Long size; //通过upfile获取    
    private String state;//成功必须为"SUCCESS"    
    private String type; //通过upfile获取    
    private String url; //图片回显url

自行拼凑json

6,config.json

项目中图片保存在一个静态资源服务器,所以这里设置空前缀,自行修改

7,一切就绪部署上,即可

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

MySQL部分从库上面因为大量的临时表tmp_table造成慢查询

背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

2020年前端实用代码段,为你的工作保驾护航

有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )

mysql设置时区

mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0