没有合适的资源?快使用搜索试试~ 我知道了~
首页Bootstrap FileInput 中文API整理
资源详情
资源评论
资源推荐
Bootstrap FileInput 中文 API 整理
这段时间做项目用到 bootstrap leinput 插件上传文件,在用的过程中,网上能查到的 api 都不是很全,所以想着整理一份比较详细的文档,方便自己今后使用,
也希望能给大家带来帮助。
一、 引入文件
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/leinput.css" media="all" rel="stylesheet" type="text/css" />
<script src="../js/jquery-2.0.3.min.js"></script>
<script src="../js/leinput.js" type="text/javascript"></script>
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
二、 初始化设置:
$("#uploadle").leinput({
language: 'zh', //设置语言
uploadUrl: "http://127.0.0.1/testDemo/leupload/upload.do", //上传的地址
allowedFileExtensions: ['jpg', 'gif', 'png'],//接收的文件后缀
//uploadExtraData:{"id": 1, "leName":'123.mp3'},
uploadAsync: true, //默认异步上传
showUpload: true, //是否显示上传按钮
showRemove : true, //显示移除按钮
showPreview : true, //是否显示预览
showCaption: false,//是否显示标题
browseClass: "btn btn-primary", //按钮样式
dropZoneEnabled: false,//是否显示拖拽区域
//minImageWidth: 50, //图片的最小宽度
//minImageHeight: 50,//图片的最小高度
//maxImageWidth: 1000,//图片的最大宽度
//maxImageHeight: 1000,//图片的最大高度
//maxFileSize: 0,//单位为 kb,如果为 0 表示不限制文件大小
//minFileCount: 0,
maxFileCount: 10, //表示允许同时上传的最大文件个数
enctype: 'multipart/form-data',
validateInitialCount:true,
previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}!",
}).on("leuploaded", function (event, data, previewId, index) {
});
三、 Options 说明:
属性名 属性类型 描述说明 默认值
language String
多语言设置,使用时需提前引入 \locales 文
件夹下对应的语言文件,中文 zh,引入语言
文件必须放在 leinput.js 之后
'en'
showCaption Boolean
是否显示被选文件的简介
true
showBrowse Boolean
是否显示浏览按钮
true
showPreview Boolean
是否显示预览区域
true
showRemove Boolean
是否显示移除按钮
true,
showUpload Boolean
是否显示上传按钮
true,
showCancel Boolean
是否显示取消按钮
true,
showClose: Boolean
是否显示关闭按钮
true
showUploadedThumbs Boolean true
browseOnZoneClick Boolean false
autoReplace Boolean
是否自动替换当前图片,设置为 true 时,再
次选择文件,会将当前的文件替换掉。
false
generateFileId Object null
previewClass String
添加预览按钮的类属性
‘’
captionClass String ‘’
frameClass String 'krajee-default'
mainClass String 'le-caption-main'
mainTemplate Object null
purifyHtml Boolean true
leSizeGetter Object null
initialCaption String ''
initialPreview Array/
Object
[]
initialPreviewDelimiter String '*$$*'
initialPreviewAsData Boolean false
initialPreviewFileType String 'image'
initialPreviewCong Array/
Object
[]
initialPreviewThumbTag
s
Array/
Object
[]
previewThumbTags Object {}
initialPreviewShowDelet
e
Boolean true
removeFromPreviewOn
Error
Boolean false
deleteUrl String
删除图片时的请求路径
''
deleteExtraData Object
删除图片时额外传入的参数
{}
overwriteInitial Boolean true
previewZoomButtonIco
ns
Object {
prev: '<i class="glyphicon glyphicon-triangle-left"></i>',
next: '<i class="glyphicon glyphicon-triangle-right"></i>',
剩余11页未读,继续阅读
过去_现在_未来
- 粉丝: 73
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 收起
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
会员权益专享
最新资源
- zigbee-cluster-library-specification
- JSBSim Reference Manual
- c++校园超市商品信息管理系统课程设计说明书(含源代码) (2).pdf
- 建筑供配电系统相关课件.pptx
- 企业管理规章制度及管理模式.doc
- vb打开摄像头.doc
- 云计算-可信计算中认证协议改进方案.pdf
- [详细完整版]单片机编程4.ppt
- c语言常用算法.pdf
- c++经典程序代码大全.pdf
- 单片机数字时钟资料.doc
- 11项目管理前沿1.0.pptx
- 基于ssm的“魅力”繁峙宣传网站的设计与实现论文.doc
- 智慧交通综合解决方案.pptx
- 建筑防潮设计-PowerPointPresentati.pptx
- SPC统计过程控制程序.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论1