ueditor1.4.3上传图片功能实现(6)

2017年09月09日 10:47 | 3474次浏览 作者原创 版权保护

项目一直在用百度ueditor,所以上传图片是避免不了的,最近一个新的项目要用到,所以索性就用最新版本的ueditor1.4.3,看了下官方文档关于上传图片的说明,尝试配置了下,嘿,比1.2版本的强大多了,1.2版本的还需要请求后端服务器,编写上传图片代码才可以实现,最新版本1.4.3直接配置下路径就可以实现上传啦。配置步骤如下

1,在工程目录下新建文件夹upload/images,我的是java项目工程

2,自定义编辑器工具栏添加上传图片工具栏

toolbars:中添加'insertimage'

3,打开l文件夹ueditor/jsp/下的config.json配置文件

4,修改config.json配置文件中的imagePathFormat的值为upload/images/{yyyy}{mm}{dd}/{time}{rand:6}

注意在这里我们配置第一步在WebRoot下新建的文件夹为upload/images/,ueditor中上传的图片都在这个路径下


5,运行工程项目,打开ueditor界面,点击上传图片工具栏上传图片

点击选择图片按钮,选择要上传的图片

点击右上角的开始上传按钮,上传图片成功后,点击确认按钮,我们就可以在编辑器中看到刚才上传的图片啦。

6,打开tomcat工程发布目录,upload/images,然后我们就可以查看到已经上传的图片了。



小说《我是全球混乱的源头》
此文章本站原创,地址 https://www.vxzsk.com/176.html   转载请注明出处!谢谢!

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程