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

时间:2022-09-25 21:59:02

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

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

Xiangmu

+Ueditor

-image

-admin

-data

…相关代码目录

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

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

其次 进行了上面的配置后,实际插入数据的地址会出现../../image/这样url地址,同样在imageUp.php第50行,添加$info["url"]=str_replace('../../','',$info["url"]),将../../替换掉。

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

最后ueditor.config.js第139行,修正地址改为http://localhost/xiangmu/

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

此时数据库图片插入的路径http://localhost/xiangmu/image/20131113/13843284986865.png

好了,这样无论是是图片存放目录或是最后的url地址都是我们期望的。

上线项目配置  其实这里提到线上测配置其实也就是没有项目目录,也就是没有xiangmu这个目录,项目目录下的代码文件全部是放到根目录下的,那么这里其实和本地的配置方法一样,唯一不同的就是将ueditor.config.js 第139行修正地址改为 /

最后申明一点我的编辑器ueditor.config.js中  var URL = window.UEDITOR_HOME_URL || (function(){  是没有做任何路径配置的

ueditor编辑器图片自定义存放目录及路径修改的更多相关文章

  1. ueditor 编辑器,自定义图片上传

    <div> <h1>完整demo</h1> <form method="post" name="form"> & ...

  2. 解决ueditor编辑器图片在线管理图片无法显示

    使用ueditor,点击在线管理,服务器图片路径显示不正确,如下图所示  查看源码,如下:  发现图片src中中间多了一长串的项目跟路径,解决的办法是 把  jsp/controller.jsp 里面 ...

  3. Ueditor编辑器图片上传到万象优图

    最近想用typecho做一个个人博客站,typecho的文本编辑器不能上传图片,我就用Ueditor替换的了原来的文本编辑器,听说腾讯的万象优图每月有50G的免费空间和流量,我就自己改了下Uedito ...

  4. red5 自定义文件存放目录

    Red5 流媒体服务器 自定义文件存放目录 Red5在正常情况下,安装之后文件必须存放在Red5安装目录下的oflaDemo\streams中,不能自定义存放目录,例如Red5 安装在C盘,但是我的文 ...

  5. 百度在线编辑器UEditor&lpar;v1&period;3&period;6&rpar; &period;net环境下详细配置教程之更改图片和附件上传路径

    本文是接上一篇博客,如果有疑问请先阅读上一篇:百度在线编辑器UEditor(v1.3.6) .net环境下详细配置教程 默认UEditor上传图片的路径是,编辑器包目录里面的net目录下 下面就演示如 ...

  6. jsp版ueditor图片在线管理返回绝对路径

    引用:http://zhengyunfei.iteye.com/blog/2149979 如果你有富文本编辑器的功能需要开发,我推荐你用百度的ueditor.本文将与你分享jsp版ueditor开发中 ...

  7. ASP&period;NET配置Ueditor编辑器上传图片路径

    1.配置ueditor/editor_config.js文件,将 //图片上传配置区 ,imageUrl:URL+"net/imageUp.ashx" //图片上传提交地址 ,im ...

  8. asp&period;net 百度编辑器 UEditor 上传图片 图片上传配置 编辑器配置 网络连接错误,请检查配置后重试

    1.配置ueditor/editor_config.js文件,将 //图片上传配置区 ,imageUrl:URL+"net/imageUp.ashx" //图片上传提交地址 ,im ...

  9. 百度编辑器ueditor的图片地址修正

    我用的百度编辑器为1.4.2的,相对于现在这个时间来说是比较新的.之前去的1.3版的,后来更新到1.4之后出现路径问题.因为今天晚上出现特别奇怪的问题,所以特地又整了一遍,发现这玩意还是得自己弄通了好 ...

随机推荐

  1. hosts 文件妙用

        127.0.0.1  localhost  www.baidu.com  www.126.com  www.xiaoxiao.com 1: 如果在hosts文件中加入这句话,则localhos ...

  2. 记一次项目中的css样式复用

    本文同步至微信公众号:http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401616238&idx=1&sn=3c6e9 ...

  3. 转 FileStream Read File

    FileStream Read File [C#] This example shows how to safely read file using FileStream in C#. To be s ...

  4. implement a system call in minix

    http://www.papervisions.com/implementing-system-call-in-minix-os/

  5. 【知识整理】这可能是最好的RxJava 2&period;x 入门教程(五)

    这可能是最好的RxJava 2.x入门教程系列专栏 文章链接: 这可能是最好的RxJava 2.x 入门教程(一) 这可能是最好的RxJava 2.x 入门教程(二) 这可能是最好的RxJava 2. ...

  6. PHP信号管理

    PHP信号管理   SIGHUP     终止进程     终端线路挂断 SIGINT     终止进程     中断进程 SIGQUIT    建立CORE文件终止进程,并且生成core文件 SIG ...

  7. 亚马逊(Review、Feedback)差评怎么处理?

    移除亚马逊Review差评,我看也就这三招靠谱点! 亚马逊特别重视review,差评会直接影响到listing的浏览量和销量,甚至还可以摧毁一个账号.遇到一个差的review怎么办?网上看到很多讲移除 ...

  8. HttpServletRequest 获取cookie

    request.getHeader("cookie") 得到的是a=b,c=d Cookie[] cookies = request.getCookies(); 访问方在heade ...

  9. 费马小定理与GCD&amp&semi;LCM

    若 t = 1 ,  a ^ ( p - 2 ) 为 a 在取模 p 意义下的乘法逆元 通常用 inv 表示 证明: b * a =(三等)1(mod p) a ^ ( p - 2 ) * a =(三 ...

  10. Pycharm快捷键整理(Mac)

    用过快捷键立即感觉高大上了,最主要的是很方便啊!很强大 cmd b 跳转到声明处(cmd加鼠标) opt + 空格 显示符号代码 (esc退出窗口 回车进入代码) cmd []光标之前/后的位置 op ...