SpringBoot中如何实现Ueditor上传并解决相关问题？
- 内容介绍
- 文章标签
- 相关推荐
本文共计893个文字，预计阅读时间需要4分钟。
前言+本文主要编写的是：Spring Boot下Ueditor上传功能的实现及遇到的一些问题的处理+整体项目结构展示+Spring Boot整合ueditor及上传功能实现的具体步骤+1、下载ueditor-1.4.3.3+这个在官网下载后便行
前言
本文主要写的是：springboot下ueditor上传功能的实现及遇到的一些问题的处理
整体项目结构展示
Springboot整合ueditor及上传功能实现的具体步骤
1、下载ueditor-1.4.3.3
这个在官网下载就行，不过貌似utf-8版本的没有资源了，源码版的下了几次都中断了，最终我是从第三方下的
2、新建一个测试页面
ueditor的根目录下有一个index.html，用它就行，源码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>完整demo</title> <meta localhost:8080/ueditor?action=uploadimage） */ "imageFieldName": "upfile", /* 提交的图片表单名称 */ "imageMaxSize": 2048000, /* 上传大小限制，单位B */ "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */ "imageCompressEnable": true, /* 是否压缩图片,默认是true */ "imageCompressBorder": 1600, /* 图片压缩最长边限制 */ "imageInsertAlign": "none", /* 插入的图片浮动方式 */ /* imageUrlPrefix + imagePathFormat 为当前文件的访问路径 */ "imageUrlPrefix": "/fileupload/ueditor", /* 图片访问路径前缀 */ /* imagePathFormat默认以当前config.json所在的目录为根目录 */ "imagePathFormat": "/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* （注意：默认以当前config.json所在的目录为根目录）上传保存路径,可以自定义保存路径和文件名格式 */ /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */ /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */ /* {time} 会替换成时间戳 */ /* {yyyy} 会替换成四位年份 */ /* {yy} 会替换成两位年份 */ /* {mm} 会替换成两位月份 */ /* {dd} 会替换成两位日期 */ /* {hh} 会替换成两位小时 */ /* {ii} 会替换成两位分钟 */ /* {ss} 会替换成两位秒 */ /* 非法字符 \ : * ? " < > | */ /* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */
这里我们需要关注重点理解的是imageUrlPrefix 、imagePathFormat
1) 域名 +imageUrlPrefix + imagePathFormat 为当前文件的访问路径；
2）imageUrlPrefix是图片访问路径前缀，例如：localhost:8080/fileupload/ueditor，imageUrlPrefix就是其中的“/fileupload/ueditor”；
3）imagePathFormat是以imageUrlPrefix为根路径的文件存放的具体路径，例如：
localhost:8080/fileupload/ueditor/image/20190202/121222.jpg，imagePathFormat就是其中的“/image/20190202/121222.jpg”；
4）剩下其他参数就很明显了。
7、可能会遇到的问题
1、明明配置的文件最大为2048000，但是文件只有1M多点后台报错了？
解决：这是因为默认开启了springboot的上传，在application.properties中 spring.servlet.multipart.enabled=false 就可以了，或者也可以跳下它的默认最大值 spring.servlet.multipart.max-file-size=1MB，具体如下图：
2、明明修改了imagePathFormat，单还是保存在了原始的路径下？
解决：直接将config.json文件放到了我想保存文件的位置即可。
3、在线管理图片无法显示？
解决：在我们上面的UeditorController中其实已经解决了，就是当action=listfile或者action=listimage时将new ActionEnter(request, configJsonParentPath).exec()得到的字符串中的configJsonParentPath路径替换为空字符串即可，如下
最后启动服务，打开localhost:8080/ueditor/index.html页面测试，效果如下图：
总结
以上所述是小编给大家介绍的springboot下ueditor上传功能的实现及遇到的问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对自由互联网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
本文共计893个文字，预计阅读时间需要4分钟。
前言+本文主要编写的是：Spring Boot下Ueditor上传功能的实现及遇到的一些问题的处理+整体项目结构展示+Spring Boot整合ueditor及上传功能实现的具体步骤+1、下载ueditor-1.4.3.3+这个在官网下载后便行
前言
本文主要写的是：springboot下ueditor上传功能的实现及遇到的一些问题的处理
整体项目结构展示
Springboot整合ueditor及上传功能实现的具体步骤
1、下载ueditor-1.4.3.3
这个在官网下载就行，不过貌似utf-8版本的没有资源了，源码版的下了几次都中断了，最终我是从第三方下的
2、新建一个测试页面
ueditor的根目录下有一个index.html，用它就行，源码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>完整demo</title> <meta localhost:8080/ueditor?action=uploadimage） */ "imageFieldName": "upfile", /* 提交的图片表单名称 */ "imageMaxSize": 2048000, /* 上传大小限制，单位B */ "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */ "imageCompressEnable": true, /* 是否压缩图片,默认是true */ "imageCompressBorder": 1600, /* 图片压缩最长边限制 */ "imageInsertAlign": "none", /* 插入的图片浮动方式 */ /* imageUrlPrefix + imagePathFormat 为当前文件的访问路径 */ "imageUrlPrefix": "/fileupload/ueditor", /* 图片访问路径前缀 */ /* imagePathFormat默认以当前config.json所在的目录为根目录 */ "imagePathFormat": "/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* （注意：默认以当前config.json所在的目录为根目录）上传保存路径,可以自定义保存路径和文件名格式 */ /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */ /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */ /* {time} 会替换成时间戳 */ /* {yyyy} 会替换成四位年份 */ /* {yy} 会替换成两位年份 */ /* {mm} 会替换成两位月份 */ /* {dd} 会替换成两位日期 */ /* {hh} 会替换成两位小时 */ /* {ii} 会替换成两位分钟 */ /* {ss} 会替换成两位秒 */ /* 非法字符 \ : * ? " < > | */ /* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */
这里我们需要关注重点理解的是imageUrlPrefix 、imagePathFormat
1) 域名 +imageUrlPrefix + imagePathFormat 为当前文件的访问路径；
2）imageUrlPrefix是图片访问路径前缀，例如：localhost:8080/fileupload/ueditor，imageUrlPrefix就是其中的“/fileupload/ueditor”；
3）imagePathFormat是以imageUrlPrefix为根路径的文件存放的具体路径，例如：
localhost:8080/fileupload/ueditor/image/20190202/121222.jpg，imagePathFormat就是其中的“/image/20190202/121222.jpg”；
4）剩下其他参数就很明显了。
7、可能会遇到的问题
1、明明配置的文件最大为2048000，但是文件只有1M多点后台报错了？
解决：这是因为默认开启了springboot的上传，在application.properties中 spring.servlet.multipart.enabled=false 就可以了，或者也可以跳下它的默认最大值 spring.servlet.multipart.max-file-size=1MB，具体如下图：
2、明明修改了imagePathFormat，单还是保存在了原始的路径下？
解决：直接将config.json文件放到了我想保存文件的位置即可。
3、在线管理图片无法显示？
解决：在我们上面的UeditorController中其实已经解决了，就是当action=listfile或者action=listimage时将new ActionEnter(request, configJsonParentPath).exec()得到的字符串中的configJsonParentPath路径替换为空字符串即可，如下
最后启动服务，打开localhost:8080/ueditor/index.html页面测试，效果如下图：
总结
以上所述是小编给大家介绍的springboot下ueditor上传功能的实现及遇到的问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对自由互联网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！