项目一直在用百度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
转载请注明出处!谢谢!
感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程