UEditor之——图片上传组件大小4M的限制

转载请注明出处:http://blog.csdn.net/l1028386804/article/details/52562010

一般来说网站图片最好不要上传大于4M的,但是有些特殊情况除外,如网站需要上传大图供下载等。


现维护的一网站后台使用了ueditor编辑器插件,要求图片上传不要限制4M,所以根据后台上传图片功能时网络加载的情况,判断是在前台控制的限制,就在/ueditor/dialogs/image/目录下分别找了image.jsimage.html,在image.html里面找到了下面的配置变量:

var flashOptions = {
    container:"flashContainer",                      //flash容器id
    url:editor.options.imageUrl,                     // 上传处理页面的url地址
    ext:'{"param1":"value1", "param2":"value2"}',    //可向服务器提交的自定义参数列表
    fileType:'{"description":"'+lang.fileType+'", "extension":"*.gif;*.jpeg;*.png;*.jpg"}', //上传文件格式限制
    flashUrl:'imageUploader.swf',                     //上传用的flash组件地址
    width:608,          //flash的宽度
    height:272,         //flash的高度
    gridWidth:121,     // 每一个预览图片所占的宽度
    gridHeight:120,    // 每一个预览图片所占的高度
    picWidth:100,      // 单张预览图片的宽度
    picHeight:100,     // 单张预览图片的高度
    uploadDataFieldName:editor.options.imageFieldName,    // POST请求中图片数据的key
    picDescFieldName:'pictitle',      // POST请求中图片描述的key
    maxSize:4,                         // 文件的最大体积,单位M
    compressSize:2,                   // 上传前如果图片体积超过该值,会先压缩,单位M
    maxNum:32,                         // 单次最大可上传多少个文件
    compressSide:editor.options.compressSide,     //等比压缩的基准,0为按照最长边,1为按照宽度,2为按照高度
    compressLength:editor.options.maxImageSideLength  //能接受的最大边长,超过该值Flash会自动等比压缩
};

只需要把flashOptions里面的maxSize改为大一些的值就行了。

另外图片上传组件使用flash压缩,质量不能保证,可以把compressSize值也相应调大,更符合业务需求。

新版本( v>=1.4.2)的 ueditor图片上传等等的配置,统一在 /ueditor/php/config.json调整,看注释就能改。


  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
UEditor是一款基于JavaScript的富文本编辑器,它提供了丰富的功能和配置选项,其中包括图片上传功能。下面是ueditor配置图片上传的步骤: 1. 首先,你需要下载并引入UEditor的资源文件。可以从UEditor官网(http://ueditor.baidu.com/website/download.html)下载最新版本的资源文件。 2. 在HTML页面中引入UEditor的资源文件。例如: ```html <script type="text/javascript" src="ueditor/ueditor.config.js"></script> <script type="text/javascript" src="ueditor/ueditor.all.js"></script> ``` 3. 创建一个textarea元素作为编辑器的容器,并指定一个唯一的id。例如: ```html <textarea id="editor" name="content"></textarea> ``` 4. 在JavaScript代码中初始化UEditor,并配置图片上传功能。例如: ```javascript var ue = UE.getEditor('editor', { // 配置图片上传相关参数 serverUrl: '/upload', // 图片上传的服务器接口地址 imageFieldName: 'file', // 上传图片的表单字段名 imageMaxSize: 5 * 1024 * 1024, // 上传图片的最大大小,默认为5MB imageAllowFiles: ['.jpg', '.jpeg', '.png', '.gif'], // 允许上传的图片类型 imageCompressEnable: true, // 是否压缩图片,默认为true imageCompressBorder: 1600, // 图片压缩的最长边限制,默认为1600px imageInsertAlign: 'none', // 插入图片时的对齐方式,默认为'none' imageUploadUrl: '/upload', // 图片上传的服务器接口地址,与serverUrl相同 imageUploadParams: { // 图片上传的额外参数 token: 'your_token' } }); ``` 以上就是ueditor配置图片上传的基本步骤。你可以根据自己的需求进行更详细的配置,例如设置图片上传的路径、图片上传成功后的回调函数等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

冰 河

可以吃鸡腿么?

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值