前台图片压缩成固定的大小

空白的地方填充颜色,然后上传,目前处理格式image/jpeg

示例展示

测试固定像素:500*500px


相对地址:

文件大小:

使用示例代码

1.指定ws://对应后台Receiver,指定http://对应后台AjaxReceiver

/**大小图片前台处理,后台简单处理模式,上传成功后显示图片**/
var uploader = $('#uploadBtn').uploader({
    url: 'ws://域名/common/upload',
    fileExts: 'jpg;png',
    text: '选择图片',
    more: false,//是否可以上传多个
    auto: true, //是否自动上传
    type: 'fixedone', //指定处理类型
    maxWidth: 500,
    maxHeight: 500,
    onSuccess: function (data) {
        //添加到列表,每个图片上传成功都会触发
        $('#relativeName').text(data.relativeName);
        $('#size').text(data.curSize);
        $('#imgTarget').attr('src', data.relativeName);
    }
});

指定处理背景色

 uploader.opts.background = 'red';