bootstrap fileinput 设定图片预览长宽

来源:互联网 发布:刘国梁下海经商 知乎 编辑:程序博客网 时间:2024/05/19 00:53

有小伙伴在用bootstrap fileinput 时,上传图片后图片长宽不一致导致很丑,想要限制大小的话,像这样:

上传图

解决办法:

    $('#activityImg').fileinput({        language: 'zh',        uploadUrl: '${ctx}/activity/imgUpload',        allowedFileExtensions:  ['jpg', 'png', 'jpeg', 'gif', 'bmp'],        allowedPreviewTypes : ['image', 'html', 'text', 'video', 'audio', 'flash'],        dropZoneTitle: "上传图片640 * 350分辨率效果更好",        // 这个配置就是解决办法了,初始化时限制图片大小        previewSettings: {            image: {width: "100px", height: "100px"},        }    })

效果图:
这里写图片描述

另外还有编辑时图片的初始化预览,以及其他一些问题有疑问的小伙伴可以评论留言哦,