ueditor编辑器图片自定义存放目录及路径修改

百度编辑器ueditor功能强大,很多人士以应用项目开发中,但是里面有一个公众的问题就是上传图片存放目录太深,默认是ueditor/php/upload下,前不久测试后图片存放目录可以改变,但是路径会出现问题。现分享下图片自定义存放目录和路径,我最后的图片存放是www.**.com/image/ 20131113/13843284986865.png

首先,本地测试配置,为什么这里要先说本地配置呢,因为好多人上线项目一般都是把项目代码直接放到根目录下的,而在本地我们一般会有好多测试项目,因此会有项目文件夹,本地项目目录布局大概如下:

Xiangmu

    +Ueditor

-image

-admin

-data

    …相关代码目录                      

首先imageUp.php20行,将upload我这里自定为项目目录下image文件下,这样已经完成图片可以存放到image下了

 

 

其次 进行了上面的配置后,实际插入数据的地址会出现../../image/这样url地址,同样在imageUp.php 50行,添加

$info["url"]=str_replace('../../','',$info["url"])

,将../../替换掉。

 

 

最后ueditor.config.js139行,修正地址改为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(){

 是没有做任何路径配置的

 

至此完毕,如果你觉的有用,就支持下吧!

 

以上文章转载自 : http://www.itnet.org.cn/news380.html

posted @ 2014-03-29 16:18  斯世轻尘  阅读(1088)  评论(0编辑  收藏  举报