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"},
        }
    })

效果图:
这里写图片描述

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

阅读更多

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