BootstrapFileInput参数方法

属性

属性名	属性类型	描述说明	默认值
language	String	多语言设置，使用时需提前引入\locales文件夹下对应的语言文件，中文zh，引入语言文件必须放在fileinput.js之后	'en'
showCaption	Boolean	是否显示被选文件的简介	true
showBrowse	Boolean	是否显示浏览按钮	true
showPreview	Boolean	是否显示预览区域	true
showRemove	Boolean	是否显示移除按钮	true,
showUpload	Boolean	是否显示上传按钮	true,
showCancel	Boolean	是否显示取消按钮	true,
showClose:	Boolean	是否显示关闭按钮	true
autoReplace	Boolean	是否自动替换当前图片，设置为true时，再次选择文件，会将当前的文件替换掉。	false
previewClass	String	添加预览按钮的类属性	‘’
deleteUrl	String	删除图片时的请求路径	''
deleteExtraData	Object	删除图片时额外传入的参数
allowedFileTypes	Object	接收的文件后缀，如['jpg', 'gif', 'png'],不填将不限制上传文件后缀类型	null
uploadUrl	String	上传文件路径	null
uploadAsync	boolean	是否为异步上传	true
uploadExtraData		上传文件时额外传递的参数设置	{}
minImageWidth	String	图片的最小宽度	null
minImageHeight	String	图片的最小高度	null
maxImageWidth	String	图片的最大宽度	null
maxImageHeight	String	图片的最大高度	null
minFileSize	number	单位为kb，上传文件的最小大小值	0
maxFileSize	number	单位为kb，如果为0表示不限制文件大小	0
resizeDefaultImageType	number	调整默认图像类型	25600(25MB)
minFileCount	number	表示同时最小上传的文件个数	0
maxFileCount	number	表示允许同时上传的最大文件个数	0
validateInitialCount	boolean	验证初始计数	false
previewFileType	String	预览文件类型,内置['image', 'html', 'text', 'video', 'audio', 'flash', 'object',‘other‘]等格式	'image
elCaptionText	String	设置标题栏提示信息	null
dropZoneEnabled	boolean	是否显示拖拽区域	true
dropZoneTitleClass	String	拖拽区域类属性设置	'file-drop-zone-title'
textEncoding	String	编码设置	'UTF-8'

方法

方法名	参数	描述
fileerror		异步上传错误结果处理 $('#uploadfile').on('fileerror', function(event, data, msg) { });
fileuploaded		异步上传成功结果处理 $("#uploadfile").on("fileuploaded", function (event, data, previewId, index) { })
filebatchuploaderror		同步上传错误结果处理 $('#uploadfile').on('filebatchuploaderror', function(event, data, msg) {       });
filebatchuploadsuccess		同步上传成功结果处理 $('#uploadfile').on('filepreupload', function(event, data, previewId, index) {         });
filebatchselected		选择文件后处理事件 $("#fileinput").on("filebatchselected", function(event, files) { });
upload		文件上传方法 $("#fileinput").fileinput("upload");
fileuploaded		上传成功后处理方法 $("#fileinput").on("fileuploaded", function(event, data, previewId, index) { });
filereset
fileclear		点击浏览框右上角X 清空文件前响应事件 $("#fileinput").on("fileclear",function(event, data, msg){ });
filecleared		点击浏览框右上角X 清空文件后响应事件 $("#fileinput").on("filecleared",function(event, data, msg){ });
fileimageuploaded		在预览框中图片已经完全加载完毕后回调的事件