UEditor编辑器上传图片开发流程

在ueditor目录下找到uedior.config.js,找到如下三行:


,imageUrl: "<%=path %>/servlet/UploadServlet" //图片上传提交后台对应的地址
,imagePath: "<%=path %>/ueditor/" //图片在服务器上的存储目录
,imageFieldName: "upload" //后台对应接收image的参数名

或者:


var ueditor = UE.getEditor(‘myEditor‘,{
imageUrl: "<%=path %>/servlet/UploadServlet", //图片上传提交后台对应的地址
imagePath: "<%=path %>/ueditor/", //图片在服务器上的存储目录
imageFieldName: "upload" //后台对应接收image的参数名
});

注意:记得在uedior.config.js配置文件中把"serverUrl"注释掉

最后配置服务器返回的数据格式,这需要这服务器端进行修改。对应于后台接收上传图片的那个controller,返回的格式需如下:


{‘url‘:‘60391393848223.jpg‘,‘title‘:‘p1999637039.jpg‘,‘original‘:‘p1999637039.jpg‘,‘state‘:‘SUCCESS‘}

这样就OK了。

时间: 2024-07-29 14:24:39

UEditor编辑器上传图片开发流程的相关文章

为百度UEDITOR编辑器上传图片添加水印

form:http://www.uphtm.com/php/255.html UEDITOR编辑器上传图片是自动提取的,但是图片没有水印功能,下面小编和各位一起来看看. UEditor编辑器没有上传图片加水印的功能,需要进行二次开发,本例是在PHPCMS系统中对百度编辑器进行二次开发,添加上传图片加水印功能. 首先打开UEditor编辑器文件目录的php文件夹,打开Uploader.class.php,把PHPCMS添加水印的方法复制过来,加到这个类所有成员方法最后面,然后进行修改如下: //图

ECSHOP集成百度ueditor编辑器上传图片到服务器或又拍云(七牛云)

1.打开admin/includes/lib_main.php文件找到:(大约在306-323行左右) /** * 生成编辑器 * @param string input_name 输入框名称 * @param string input_value 输入框值 */ function create_html_editor($input_name, $input_value = '') { global $smarty; $editor = new FCKeditor($input_name); $

帝国cms更换Ueditor编辑器上传图片加水印

Ueditor安装包,里面有个/php/文件夹,找到Uploader.class.php,这是通用上传类文件找到private function upFile(),这是上传文件的主处理方法,找到122行:$this->stateInfo = $this->stateMap[0]; ,在这个下面加入:$this->imageWaterMark($this->filePath,9,'logo.png'); imageWaterMark是自定义的函数,在下面会讲到,$this->f

onethink 后台编辑器 上传图片使用七牛驱动云存储

首先感谢这篇文章作者: http://blog.csdn.net/weishiyong/article/details/40060551 写的不是很详细,而且没有颜色标示.和我当前使用的OT1.0版本代码又不一样.所以参考参考思路还是可以的. 经过2小时的调试和修改已经成功实现. 下面把过程记录下来. 首先修改全局Config文件:  'PICTURE_UPLOAD_DRIVER'=>'QINIU', //把原来的LOCAL改成七牛 修改七牛配置文件  'UPLOAD_QINIU_CONFIG'

教你如何调用百度编辑器ueditor的上传图片、上传文件等模块

出于兴趣爱好,前段时间自己尝试写了一个叫simple的cms,里面使用了百度ueditor编辑器,发现它的多图片上传模块很不错,用起来很方便,又可以选择已经上传好的图片.正好我又是个懒人,发现有现成的自己就不想新开发了.于是我就想,是不是可以调用这个上传模板为自己所用呢? 有了这个想法后,我就到网上查阅资料,可惜资料少的可怜,都不能很好解决我的问题.于是觉得还是自己动手丰衣足食,皇天不负苦心人,终于摸索出解决方法,现在分享出来,和自己有同样想法的小伙伴. 代码如下: <html> <he

dedecms整合百度编辑器(Ueditor)之上传图片加水印的办法

Ueditor抓取远程图片加水印方法 打开getRemoteImage.php, 找到://远程抓取图片配置 在上面添加: require_once('../../../dede/config.php');//dede为你的后台目录 require_once(DEDEADMIN."/inc/inc_archives_functions.php"); 继续修改getRemoteImage.php, 找到: fwrite( $fp2 , $img ); 在下面添加: @WaterImg($

ueditor 编辑器的配置 实现上传图片---附效果图

由于项目需要,最近使用了ueditor,实现了图片上传功能,在此分享一下遇到的一些问题. 项目使用net+mvc框架搭建,则选择的是NET版本ueditor 编辑器(可去百度官网下载), 下载完成导入到项目中: 准备开始配置ueditor 编辑器: 1).找到ueditor.config.js文件,并修改ueditor.config.js文件,指定ueditor的路径 2).找到./net/config.json文件,并修改config.json文件,指定文件上传路径有读取路径 上传图片路径 读

ueditor编辑器使用总结

ueditor使用小结 一.简介 ueditor是百度编辑器,官网地址:http://ueditor.baidu.com/website/ 完整的功能演示,可以参考:http://ueditor.baidu.com/website/onlinedemo.html 为了方便开发学习,我们下载它的完整版和.net版. ueditor_release_ueditor1_4_3_1-src.zip ueditor_release_ueditor1_4_3_1-gbk-net.zip 二.如何引入uedi

vue中使用Ueditor编辑器

一.   下载包: 从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器,官网地址为: http://ueditor.baidu.com/website/ 下载解压后会得到如果下文件目录: 将上述Ueditor文件夹拷贝到vue项目的static文件夹中,此文件夹为项目的静态服务文件夹:   二.   修改配置 在ueditor.config.js中修改如下代码:   // 这里是配置Ueditor内部进行文件请求时的静态文件服务地址 window.UEDITOR_HOME_