ueditor上传图片配置

1 去ueditor文件夹下 找 ueidtors/dialogs/image/image.html -- 配置位置大概如下:

107     utils.domReady(function(){

108             var flashOptions = {

109                 container:"flashContainer",                                                    //flash容器id

110                 url:editor.options.imageUrl,                                           // 上传处理页面的url地址

111                 ext:params,                                 //可向服务器提交的自定义参数列表

112                 fileType:‘{"description":"‘+lang.fileType+‘", "extension":"*.gif;*.jpeg;*.png;*.jpg"}‘,     //上传文件格式限制

113                 flashUrl:‘imageUploader.swf‘,                                                  //上传用的flash组件地址

114                 width:608,          //flash的宽度

115                 height:272,         //flash的高度

116                 gridWidth:121,     // 每一个预览图片所占的宽度

117                 gridHeight:120,    // 每一个预览图片所占的高度

118                 picWidth:100,      // 单张预览图片的宽度

119                 picHeight:100,     // 单张预览图片的高度

120                 uploadDataFieldName:editor.options.imageFieldName,    // POST请求中图片数据的key

121                 picDescFieldName:‘pictitle‘,      // POST请求中图片描述的key

122                 maxSize:4,                         // 文件的最大体积,单位M

123                 compressSize:2,                   // 上传前如果图片体积超过该值,会先压缩,单位M

124                 maxNum:2,                         // 单次最大可上传多少个文件

125                 compressSide:editor.options.compressSide,                 //                                                      等比压缩的基准,0为按照最长边,1为按照宽度,2为按照高度

126                 compressLength:editor.options.maxImageSideLength        //能接受的最大边长,超过该值Flash会自动等比压缩

2 配置结束后 很多页面有缓存,注意刷新

时间: 2024-11-11 06:40:20

ueditor上传图片配置的相关文章

富文本编辑器-ueditor基本配置

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码..相对于其他流行的富文本编辑器如ckeditor等具有配置简单.更具有中国特色!以下主要是涉及的内容是关于百度富文本编辑器的上传配置以及如何与struts2等结合问题. 1 版本问题 一般而言建议使用UMEditor版本,同时百度web前端开发部也提供了定制版本.如果使用定制版本要注意的一点就是将工具栏的图标添加上分割线!分割线添加的方法如下就

ueditor上传图片到七牛云存储(form api,java)

转:http://my.oschina.net/duoduo3369/blog/174655 ueditor上传图片到七牛云存储 ueditor结合七牛传图片 七牛的试炼 开发前的准备与注意事项说明 Let's rock 与ueditor结合前的准备工作 首先从表单开始 生成token 建立图片空间 生成token 上传流程 集成ueditor 将ueditor中的图片模块的在线管理功能和七牛结合 ueditor上传图片到七牛云存储 重要说明,本人已不做java多年,请不要加qq再问我java的

百度UEditor上传图片-再总结一次

晚上,在继续开发BriefCMS,把百度UEditor上传图片的问题,给解决了,终于解决了. 公司极简版CMS.BriefCMS.个人官网,最近2个月,与百度UEditor厮杀了好久.最值得吐槽的,就是百度UEditor的上传图片功能,感觉不够简便. 百度UEditor官方,在JSP场景下的应用,太简单了.对我以前写的项目来说,还可以. 对于最近的3个项目来说,就不灵活了. 因为,图片存储.controller.jsp都不是存储在webapps目录下,不能直接访问,都需要做映射. 无论是JSP.

ueditor的配置和使用

ueditor下载好之后直接复制到项目的WebContent目录下,并将ueditor\jsp\lib下的jar包复制或者剪切到项目的lib目录下.先看一下效果,如下: 1.文件的上传 首先在ueditor/jsp目录下找到config.json文件,就拿Image上传来说吧.  "imageUrlPrefix": "http://localhost:8080/HJZGG_BLOG", /* 图片访问路径前缀 */.开始的时候imageUrlPrefix这个属性值是

Java往事之《百度UEditor插件配置图片上传问题》

百度UEditor插件配置图片上传问题 前言:之前第一次用到UEditor插件的时候,一脸懵逼!没错就是一脸懵逼,去UEditor插件官网下载了一个开发版的.然后对于新鲜技术好奇,本人就迫不及待的把它copy到了我的项目里,运行之后发现鼠标点到输入框里面的时候,什么鬼啊,握了棵草!上传图片的插件置灰了如下图1,一看还有一个多图片上传的插件还在,就赶紧点了一下,点开的那一瞬间我吃了一鲸,如下图2! 图1 图2 很好!下面看一下如何解决这个问题. 1.首先你可以到官网Ueditor,查看很详细的文档

百度ueditor 上传图片后如何设置样式

最近项目中遇到一个问题,UEditor上传图片后,在内容展示会修改图片样式.但是表情也是img标签,所以全局修改是有问题的, 所以只能着手修改一下插件的代码. 首先找到图片上传的服务器段文件.这里主要是php讲解 找到php目录下Uploader.class.php 337行 public function getFileInfo() { return array( "state" => $this->stateInfo, "url" => $th

Ueditor/自定义配置

UEditor除 了具有轻量.可定制等优点外,还始终将优化编辑操作.提升用户体验摆在了很重要的位置.在这一点上,除了对编辑器功能.性能.实现细节等不断地改进和追求 创新之外,众多灵活而人性化的自定义配置也充分地体现了这个特点,通过修改配置项的值,用户几乎可以完全地改变编辑器的外观和行为. 从配置本身的优先级来看,UEditor的配置可以分为系统默认配置和用户自定义配置两种类型.系统默认配置是指editor_config.js中的所有配置,而用户自定义配置则是指用户在实例化编辑器的时候传入的JSO

ueditor编辑器配置及使用介绍

<1>:ueditor编辑器配置 1:首先去官网下载安装包http://ueditor.baidu.com/website/download.html 2:解压后,只需要保留utf8-php这个文件夹里面的内容就可以了 3:根据自己项目的需要配置到根目录的相应文件夹下,我是配置到根目录的public目录下,如下图 4:在html页面配置加载UEditor编辑器,加入三个js文件以及在页面初始化UEditor编辑器 这里的id="editor"就是初始化需要获取的id上下需要

UEditor上传图片等附件都出现红叉

我的环境: vs2010+netframework3.5+ueditor1_3_5-utf8-net 问题:UEditor上传图片等附件都出现红叉 尝试了网络上各种方法都不对, 后来只能自己看下imageUp.ashx的代码... 解决方案: 默认代码: ? 1 2 3 4 5 6 if (!String.IsNullOrEmpty(context.Request.QueryString["fetch"]))       {           context.Response.Add