Bootstrap File Input resizeImage

2017-10-29 本文已影响17人 brentwu

bootstrap fileinput resizeImage 选项设为true时，可以在客户端对图片文件尺寸进行缩小后再上传。关联的几个选项：
maxImageWidth: 宽度超过此值时进行缩小
maxImageHeight: 高度超过此值时进行缩小
resizePreference: 可选的值'width', 'height'。. 如设为'width'，首先会检测图片是否超过maxImageWidth。如果超过，图片就按这个宽度等比缩小。如果没超过，那就检查图片高度是否超过maxImageHeight。如高度超过，就按maxImageHeight等比缩小。

但是这个客户端缩小图片的功能有Bug。部分xif图片信息有问题的图片不能缩小。后来我还是用html 5的FileReader，将本地图片内容读到canvas中重绘来实现图片缩小，并取得图片数据，将之放到form data中上传。