Baidu WebUploader图片失真问题解决

Baidu WebUploader上传图片时,图片过大或过小将被Uploader给压缩或裁剪。

怎么设置uploader使图片逃过一劫并能在显示的时候原样或者按照给定大小显示呢?如下:

//pick按钮容器;
pick:{
    id:objId,
    label:""
},
//accept图片类型限制;
accept:{
    title:"Images",
    extensions:"gif,jpg,jpeg,bmp,png",
    mimeTypes:"image/*"
},
//thumb {Object} [可选] 配置生成缩略图的选项。
thumb:{
    width:200,
    height:150,
    // 图片质量,只有type为`image/jpeg`的时候才有效。
    quality:90,
    // 是否允许放大,如果想要生成小图的时候不失真,此选项应该设置为false.
    allowMagnify:false,
    // 是否允许裁剪。
    crop:true,
    // 为空的话则保留原有图片格式。
    // 否则强制转换成指定的类型。
    type:"image/jpeg",
},
//compress {Object} [可选] 配置压缩的图片的选项。如果此选项为false, 则图片在上传前不进行压缩。
compress: {
    width: '100%',
    height: '100%',
    // 图片质量,只有type为`image/jpeg`的时候才有效。
    quality: 90,
    // 是否允许放大,如果想要生成小图的时候不失真,此选项应该设置为false.
    allowMagnify: false,
    // 是否允许裁剪。
    crop: false,
    // 是否保留头部meta信息。
    preserveHeaders: true,
    // 如果发现压缩后文件大小比原来还大,则使用原来图片
    // 此属性可能会影响图片自动纠正功能
    noCompressIfLarger: false,
    // 单位字节,如果图片大小小于此值,不会采用压缩。
    compressSize: 0
 },
//文件上传方式
 method:"POST",
//服务器地址;
 server:"",
//是否已二进制的流的方式发送文件,这样整个上传内容php://input都为文件内容
 sendAsBinary:false,
            
//不开启分片上传
 chunked:false,
// 开起分片上传。 thinkphp的上传类测试分片无效,图片丢失;
//chunked:true,
// 分片大小
// chunkSize:512 * 1024,
            
//最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
fileNumLimit:10,
fileSizeLimit:50*1024 * 1024,
fileSingleSizeLimit:5*1024 * 1024

以上是使用uploader时比较常用的配置信息。

       马士兵老师说:“我们要习惯穿一手鞋”,故,贴出官方文档地址:http://fex.baidu.com/webuploader/doc/index.html,更多更深的信息都在里面了。

猜你喜欢

转载自blog.csdn.net/txd2016_5_11/article/details/82630747
今日推荐