ueditor编辑器图片自定义存放目录及路径修改
编辑器ueditor功能强大,很多人士以应用项目开发中,但是里面有一个公众的问题就是上传图片存放目录太深,默认是ueditor/php/upload下,前不久测试后图片存放目录可以改变,但是路径会出现问题。现分享下图片自定义存放目录和路径,我最后的图片存放是www.**.com/image/ 20131113/13843284986865.png。
首先,本地测试配置,为什么这里要先说本地配置呢,因为好多人上线项目一般都是把项目代码直接放到根目录下的,而在本地我们一般会有好多测试项目,因此会有项目文件夹,本地项目目录布局大概如下:
Xiangmu
+Ueditor
-image
-admin
-data
…相关代码目录
首先imageUp.php第20行,将upload我这里自定为项目目录下image文件下,这样已经完成图片可以存放到image下了
其次 进行了上面的配置后,实际插入数据的地址会出现../../image/这样url地址,同样在imageUp.php第50行,添加$info["url"]=str_replace('../../','',$info["url"]),将../../替换掉。
最后ueditor.config.js第139行,修正地址改为http://localhost/xiangmu/
此时数据库图片插入的路径http://localhost/xiangmu/image/20131113/13843284986865.png
好了,这样无论是是图片存放目录或是最后的url地址都是我们期望的。
上线项目配置 其实这里提到线上测配置其实也就是没有项目目录,也就是没有xiangmu这个目录,项目目录下的代码文件全部是放到根目录下的,那么这里其实和本地的配置方法一样,唯一不同的就是将ueditor.config.js 第139行修正地址改为 /
最后申明一点我的编辑器ueditor.config.js中 var URL = window.UEDITOR_HOME_URL || (function(){ 是没有做任何路径配置的