美文网首页前端开发我爱编程
Bootstrap File Input resizeImage

Bootstrap File Input resizeImage

作者: brentwu | 来源:发表于2017-10-29 21:49 被阅读17次

    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

    相关文章

      网友评论

        本文标题:Bootstrap File Input resizeImage

        本文链接:https://www.haomeiwen.com/subject/xelupxtx.html