Bootstrap File Input resizeImage 选项

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

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

Bootstrap File Input 选项参考:
http://plugins.krajee.com/file-input/plugin-options

Bootstrap File Input 事件参考:
http://plugins.krajee.com/file-input/plugin-events

Bootstrap File Input 方法参考:
http://plugins.krajee.com/file-input/plugin-methods

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容