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,更多更深的信息都在里面了。