您的位置:首页 > Web前端 > BootStrap

bootstrap fileinput 设定图片预览长宽

2017-12-04 10:41 344 查看

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


效果图:



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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  bootstrap file 图片