解除ueditor图片上传组件大小4M的限制

2014-10-11 10,592 2 技术 大超超。

一般来说网站图片最好不要上传大于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值也相应调大,更符合业务需求。

更新于2014-10-23 04:20:41:

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


文章同步在微信订阅号,欢迎关注:

 



声明: 本文由大超超。原创编译,转载请保留链接: http://www.thinkful.cn/archives/553.html