bootstrap fileinput 设定图片预览长宽

有小伙伴在用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"},
        }
    })

效果图:
这里写图片描述

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

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读