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
网友评论