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"}, } })
效果图:
另外还有编辑时图片的初始化预览,以及其他一些问题有疑问的小伙伴可以评论留言哦,
阅读全文
0 0
- bootstrap fileinput 设定图片预览长宽
- bootstrap-fileinput图片上传
- bootstrap fileinput 上传图片
- 由bootstrap-fileinput.js图片预览高度BUG谈谈如何提高驾驭开源插件的能力
- Bootstrap-fileinput 多图片上传编辑
- django 通过bootstrap fileinput 上传图片
- Bootstrap fileinput 上传Excel附带图片展示
- Bootstrap-fileinput 多图片上传编辑
- 【Bootstrap】 fileinput:文件or图片上传
- 文件上传预览插件 Bootstrap-fileinput组件封装及使用
- 图片上传预览 获得像素长宽
- bootstrap-fileInput
- Bootstrap FileInput
- Bootstrap fileinput的图片上传 java框架基于springMVC
- bootstrap fileinput 组件整合SpringMVC上传图片到本地磁盘
- bootstrap fileinput之手机图片上传显示旋转问题
- bootstrap图片剪裁预览上传
- 支持多文件上传,预览,拖拽,基于bootstrap的上传插件fileinput的ajax异步上传
- [蓝桥杯]算法提高 概率计算
- Nginx--11
- rpc 双队列
- 排列组合计数&POJ306
- laravel-admin的多级联动
- bootstrap fileinput 设定图片预览长宽
- 只用13个字符完成Python编程
- 小鑫数数儿
- sourceTree中使用的一些问题
- kaggle 激活问题
- asp.net控件快捷增删改查
- 数据结构---红黑树
- LeetCode题解 #2 Add Two Numbers
- java发送邮件