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