bootstarp fileinput上传前压缩图片体积设置不生效

Question

我引用了bootstarp、jquery、canvas2blob、fileinput，c2b.js在fileinput之前，顺序确定没错，如下图：

我希望在上传前，浏览器把图片体积压缩到一个适合的尺寸，使用设置了：

也就是里面的resize选项，resizeimage选项反复确认，对照文档。

但是，我上传的时候并没有正确的压缩文件的体积，so ~ what can I do ?  Anyone can help me?

 

---------------补充一下

1、必须设置允许预览， showPreview:true,

2、该特性仅支持ajax上传的场景；

3、浏览器必须支持html 5的canvas特性和方法；

4、必须在fileinput.js在canvas-to-blob之前

5、你需要同时设置resizeImage属性，和限制图片的最大高度、宽度。

我认为自己的设置完全没问题。

Answer 1

官方文档说要先引入对应的js。如下描述：

resizeImage

boolean, whether to add ability to resize uploaded images. Defaults to false. Note that resizing images requires HTML5 canvas support which is supported on most modern browsers. In addition, you must include Piexifjs plugin by hMatoba by including plugins/piexif.min.js in your application. It is required to be loaded before fileinput.min.js for restoring the exif data to the image files when using the image resize feature of the bootstrap-fileinput plugin.

Answer 2

resizeImage:true, 

需要加上这个参数才会起效

Answer 3

没有，我前段也比较糊，最后转码成字符串上传了。

Answer 4

官方文档有问题图片压缩质量参数是

resizeQuality: 0.92

你的图片裁切有效不？我不这貌似没有效果。

Answer 5

没有，最后干脆用画板重绘，然后JS压缩体积和质量后上传base64的代码，后台接受字符串转码成图片。

Answer 6

你好，我也遇到同样的问题，请问你找到解决办法了没有？