Uploader上传控件升级6.5,增加简单图片压缩上传

原创

tianma3798 2022-12-27 16:58:44 ©著作权

文章标签 上传控件图片上传 文章分类 运维

©著作权归作者所有：来自51CTO博客作者tianma3798的原创作品，请联系作者获取转载授权，否则将追究法律责任

一、 Uploader上传控件升级6.5,增加简单图片压缩上传

升级了2个前端功能

1.前端压缩，图片上传（imgsingle）:不改变图片的比例，在指定范围内等比例缩放，最小(minWidth*minHeight); 最大((maxWidth*maxHeight))

2.修改多个文件上传模式，1个1个的上传，或者2个2个的上传

二、使用案例：

/*******使用WebScoket 方式处理传输*******/
    var uploader = $('#uploadBtn').uploader({
        url: 'ws://' + location.host + '/upload/common',
        fileExts:'jpg;png;gif;jpeg',
        text: '图片上传按钮',
        type:'imgsingle',
        maxSize:1024*1024*1000,
        more:false,
        isImg:true,
        debug:true,
        minWidth: 100,
        minHeight: 100,
        maxWidth: 1200,
        maxHeight: 1200,
        onSuccess: function (data) {
            console.info(data);
            $('#name').text(data.newName);
            $('#relativeName').text(data.relativeName);
            $('img').attr('src',data.relativeName)
        }
    });