bootstrap-fileinput 上传各种类型文件及回显

浅浅的花香味﹌ 2021-12-04 08:39 1560阅读 0赞

首先需要导入 bootstrap-fileinput.js 与 bootstrap-fileinput.css

图片初始化及回显配置

fileObj.fileinput('destroy');
 fileObj.fileinput({
 language: 'zh', //设置语言
 uploadUrl: '上传路径',
 dropZoneTitle: '请选择将要上传的图片',
 showCaption: false,
 showUpload: false,
 autoReplace: true,
 allowedFileExtensions: ["jpg", "png", "gif"],
 maxFileSize: 20480,
 minFileCount: 1,
 maxFileCount: 1,
 previewFileType: ['image'],
 elCaptionText: ['请选择图片'],
 
 browseClass: "btn btn-primary",//按钮样式
 fileType: "any",
 allowedPreviewTypes: ['image'],
 previewFileIcon: "",
 initialPreviewAsData: true,
 initialPreview: [ //初始化回显
 image.url,
 image.url
 ],
 dropZoneEnabled: false//是否显示拖拽区域
 });
 }

视频初始化及回显配置

fileObj.fileinput('destroy');
 fileObj.fileinput({
 language: 'zh', //设置语言
 uploadUrl: '上传路径',
 dropZoneTitle: '请选择将要上传的视频',
 showCaption: false,
 showUpload: false,
 autoReplace: true,
 allowedFileExtensions: ["mp4", "avi", "dat", "3gp", "mov", "rmvb"],
 maxFileSize: 20480,
 minFileCount: 1,
 maxFileCount: 1,
 previewFileType: ['video'],
 elCaptionText: ['请选择视频'],
 
 browseClass: "btn btn-primary",//按钮样式
 fileType: "any",
 allowedPreviewTypes: ['video'],
 previewFileIcon: "",
 initialPreviewAsData: true,
 initialPreviewFileType: 'video',
 initialPreview: [ //初始化回显
 video.url,
 video.url
 ],
 initialPreviewConfig: [ //回显类型配置(重要)
 {
 type:"video",
 filetype:'video/mp4'
 }
 ],
 dropZoneEnabled: false//是否显示拖拽区域
 });

其他类型文件只需要更换文件类型就好了

*.3gpp    audio/3gpp, video/3gpp
    *.ac3    audio/ac3
    *.asf       allpication/vnd.ms-asf
    *.au           audio/basic
    *.css           text/css
    *.csv           text/csv
    *.doc    application/msword    
    *.dot    application/msword    
    *.dtd    application/xml-dtd    
    *.dwg    image/vnd.dwg    
    *.dxf      image/vnd.dxf
    *.gif            image/gif    
    *.htm    text/html    
    *.html    text/html    
    *.jp2            image/jp2    
    *.jpe       image/jpeg
    *.jpeg    image/jpeg
    *.jpg          image/jpeg    
    *.js       text/javascript, application/javascript    
    *.json    application/json    
    *.mp2    audio/mpeg, video/mpeg    
    *.mp3    audio/mpeg    
    *.mp4    audio/mp4, video/mp4    
    *.mpeg    video/mpeg    
    *.mpg    video/mpeg    
    *.mpp    application/vnd.ms-project    
    *.ogg    application/ogg, audio/ogg    
    *.pdf    application/pdf    
    *.png    image/png    
    *.pot    application/vnd.ms-powerpoint    
    *.pps    application/vnd.ms-powerpoint    
    *.ppt    application/vnd.ms-powerpoint    
    *.rtf            application/rtf, text/rtf    
    *.svf           image/vnd.svf    
    *.tif         image/tiff    
    *.tiff       image/tiff    
    *.txt           text/plain    
    *.wdb    application/vnd.ms-works    
    *.wps    application/vnd.ms-works    
    *.xhtml    application/xhtml+xml    
    *.xlc      application/vnd.ms-excel    
    *.xlm    application/vnd.ms-excel    
    *.xls           application/vnd.ms-excel    
    *.xlt      application/vnd.ms-excel    
    *.xlw      application/vnd.ms-excel    
    *.xml    text/xml, application/xml    
    *.zip            aplication/zip    
    *.xlsx     application/vnd.openxmlformats-officedocument.spreadsheetml.sheet

Options 说明：

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;"> 属性名 </td> 
 <td style="vertical-align:top;"> 属性类型 </td> 
 <td style="vertical-align:top;"> 描述说明 </td> 
 <td style="vertical-align:top;"> 默认值 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> language </td> 
 <td style="vertical-align:top;"> String &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </td> 
 <td style="vertical-align:top;"> 多语言设置，使用时需提前引入\locales文件夹下对应的语言文件，中文zh，引入语言文件必须放在fileinput.js之后 </td> 
 <td style="vertical-align:top;"> 'en' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> showCaption </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> 是否显示被选文件的简介 </td> 
 <td style="vertical-align:top;"> true </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> showBrowse </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> 是否显示浏览按钮 </td> 
 <td style="vertical-align:top;"> true </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> showPreview </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> 是否显示预览区域 </td> 
 <td style="vertical-align:top;"> true </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> showRemove </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> 是否显示移除按钮 </td> 
 <td style="vertical-align:top;"> true, </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> showUpload </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> 是否显示上传按钮 </td> 
 <td style="vertical-align:top;"> true, </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> showCancel </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> 是否显示取消按钮 </td> 
 <td style="vertical-align:top;"> true, </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> showClose: </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> 是否显示关闭按钮 </td> 
 <td style="vertical-align:top;"> true </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> showUploadedThumbs </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> true </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> browseOnZoneClick </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> false </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> autoReplace </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> 是否自动替换当前图片，设置为true时，再次选择文件， 会将当前的文件替换掉。 </td> 
 <td style="vertical-align:top;"> false </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> generateFileId </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> previewClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> 添加预览按钮的类属性 </td> 
 <td style="vertical-align:top;"> ‘’ </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> captionClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> ‘’ </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> frameClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'krajee-default' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> mainClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'file-caption-main' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> mainTemplate </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> purifyHtml </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> true </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> fileSizeGetter </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> initialCaption </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> '' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> initialPreview </td> 
 <td style="vertical-align:top;"> Array/Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> [] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> initialPreviewDelimiter </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> '*$$*' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> initialPreviewAsData </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> false </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> initialPreviewFileType </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'image' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> initialPreviewConfig </td> 
 <td style="vertical-align:top;"> Array/Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> [] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> initialPreviewThumbTags </td> 
 <td style="vertical-align:top;"> Array/Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> [] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> previewThumbTags </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> {} </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> initialPreviewShowDelete </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> true </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> removeFromPreviewOnError </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> false </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> deleteUrl </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> 删除图片时的请求路径 </td> 
 <td style="vertical-align:top;"> '' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> deleteExtraData </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> 删除图片时额外传入的参数 </td> 
 <td style="vertical-align:top;"> {} </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> overwriteInitial </td> 
 <td style="vertical-align:top;"> Boolean </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> true </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> previewZoomButtonIcons </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> { prev: '&lt;i class="glyphicon glyphicon-triangle-left"&gt;&lt;/i&gt;', &nbsp; next: '&lt;i class="glyphicon glyphicon-triangle-right"&gt;&lt;/i&gt;', &nbsp; toggleheader: '&lt;i class="glyphicon glyphicon-resize-vertical"&gt;&lt;/i&gt;', &nbsp; fullscreen: '&lt;i class="glyphicon glyphicon-fullscreen"&gt;&lt;/i&gt;', &nbsp; borderless: '&lt;i class="glyphicon glyphicon-resize-full"&gt;&lt;/i&gt;', &nbsp;&nbsp;close: '&lt;i class="glyphicon glyphicon-remove"&gt;&lt;/i&gt;' }, </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> previewZoomButtonClasses </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> { &nbsp; prev: 'btn btn-navigate', &nbsp; next: 'btn btn-navigate', &nbsp; toggleheader: 'btn btn-default btn-header-toggle', &nbsp; fullscreen: 'btn btn-default', &nbsp; borderless: 'btn btn-default', &nbsp; close: 'btn btn-default' }, </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> preferIconicPreview </td> 
 <td style="vertical-align:top;"> Boolrean </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> false </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> preferIconicZoomPreview </td> 
 <td style="vertical-align:top;"> Boolrean </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> false </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> allowedPreviewTypes </td> 
 <td style="vertical-align:top;"> undefined </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> undefined </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> allowedPreviewMimeTypes </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> allowedFileTypes </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> 接收的文件后缀，如['jpg', 'gif', 'png'],不填将不限制上传文件后缀类型 </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> allowedFileExtensions </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> defaultPreviewContent </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> customLayoutTags </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> {} </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> customPreviewTags </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> {} </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> previewFileIcon </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> '&lt;i class="glyphicon glyphicon-file"&gt;&lt;/i&gt;' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> previewFileIconClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'file-other-icon' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> previewFileIconSettings </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> {} </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> previewFileExtSettings </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> {} </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> buttonLabelClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'hidden-xs' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> browseIcon </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> '&lt;i class="glyphicon glyphicon-folder-open"&gt;&lt;/i&gt;&amp;nbsp;' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> browseClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'btn btn-primary' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> removeIcon </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> '&lt;i class="glyphicon glyphicon-trash"&gt;&lt;/i&gt;' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> removeClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'btn btn-default' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> cancelIcon </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> '&lt;i class="glyphicon glyphicon-ban-circle"&gt;&lt;/i&gt;' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> cancelClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'btn btn-default' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> uploadIcon </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> '&lt;i class="glyphicon glyphicon-upload"&gt;&lt;/i&gt;' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> uploadClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'btn btn-default' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> uploadUrl </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> 上传文件路径 </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> uploadAsync </td> 
 <td style="vertical-align:top;"> boolean </td> 
 <td style="vertical-align:top;"> 是否为异步上传 </td> 
 <td style="vertical-align:top;"> true </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> uploadExtraData </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 上传文件时额外传递的参数设置 </td> 
 <td style="vertical-align:top;"> {} </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> zoomModalHeight </td> 
 <td style="vertical-align:top;"> number </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 480 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> minImageWidth </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> 图片的最小宽度 </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> minImageHeight </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> 图片的最小高度 </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> maxImageWidth </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> 图片的最大宽度 </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> maxImageHeight </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> 图片的最大高度 </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> resizeImage </td> 
 <td style="vertical-align:top;"> boolean </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> false </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> resizePreference </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'width' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> resizeQuality </td> 
 <td style="vertical-align:top;"> number </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 0.92 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> resizeDefaultImageType </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'image/jpeg' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> minFileSize </td> 
 <td style="vertical-align:top;"> number </td> 
 <td style="vertical-align:top;"> 单位为kb，上传文件的最小大小值 </td> 
 <td style="vertical-align:top;"> 0 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> maxFileSize </td> 
 <td style="vertical-align:top;"> number </td> 
 <td style="vertical-align:top;"> 单位为kb，如果为0表示不限制文件大小 </td> 
 <td style="vertical-align:top;"> 0 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> resizeDefaultImageType </td> 
 <td style="vertical-align:top;"> number </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 25600(25MB) </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> minFileCount </td> 
 <td style="vertical-align:top;"> number </td> 
 <td style="vertical-align:top;"> 表示同时最小上传的文件个数 </td> 
 <td style="vertical-align:top;"> 0 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> maxFileCount </td> 
 <td style="vertical-align:top;"> number </td> 
 <td style="vertical-align:top;"> 表示允许同时上传的最大文件个数 </td> 
 <td style="vertical-align:top;"> 0 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> validateInitialCount </td> 
 <td style="vertical-align:top;"> boolean </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> false </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgValidationErrorClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'text-danger' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgValidationErrorIcon </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> '&lt;i class="glyphicon glyphicon-exclamation-sign"&gt;&lt;/i&gt; ' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgErrorClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 'file-error-message' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> progressThumbClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> "progress-bar progress-bar-success progress-bar-striped active" </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> rogressClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> "progress-bar progress-bar-success progress-bar-striped active" </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> progressCompleteClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> "progress-bar progress-bar-success" </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> progressErrorClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> "progress-bar progress-bar-danger" </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> progressUploadThreshold </td> 
 <td style="vertical-align:top;"> number </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> 99 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> previewFileType </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> 预览文件类型,内置['image', 'html', 'text', 'video', 'audio', 'flash', 'object',‘other‘]等格式 </td> 
 <td style="vertical-align:top;"> 'image' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> elCaptionContainer </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> elCaptionText </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> 设置标题栏提示信息 </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> elPreviewContainer </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> elPreviewImage </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> elPreviewStatus </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> elErrorContainer </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> errorCloseButton </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> '&lt;span class="close kv-error-close"&gt;&amp;times;&lt;/span&gt;' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> slugCallback </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> null </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> dropZoneEnabled </td> 
 <td style="vertical-align:top;"> boolean </td> 
 <td style="vertical-align:top;"> 是否显示拖拽区域 </td> 
 <td style="vertical-align:top;"> true </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> dropZoneTitleClass </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> 拖拽区域类属性设置 </td> 
 <td style="vertical-align:top;"> 'file-drop-zone-title' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> fileActionSettings </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> 设置预览图片的显示样式 </td> 
 <td style="vertical-align:top;"> { &nbsp;&nbsp;&nbsp; showRemove: true, &nbsp;&nbsp;&nbsp; showUpload: false, &nbsp;&nbsp;&nbsp; showZoom: true, &nbsp;&nbsp;&nbsp; showDrag: true, &nbsp;&nbsp;&nbsp; removeIcon: '&lt;i class="glyphicon glyphicon-trash text-danger"&gt;&lt;/i&gt;', &nbsp;&nbsp;&nbsp; removeClass: 'btn btn-xs btn-default', &nbsp;&nbsp;&nbsp; removeTitle: 'Remove file', &nbsp;&nbsp;&nbsp; uploadIcon: '&lt;i class="glyphicon glyphicon-upload text-info"&gt;&lt;/i&gt;', &nbsp;&nbsp;&nbsp; uploadClass: 'btn btn-xs btn-default', &nbsp;&nbsp;&nbsp; uploadTitle: 'Upload file', &nbsp;&nbsp;&nbsp; zoomIcon: '&lt;i class="glyphicon glyphicon-zoom-in"&gt;&lt;/i&gt;', &nbsp;&nbsp;&nbsp; zoomClass: 'btn btn-xs btn-default', &nbsp;&nbsp;&nbsp; zoomTitle: 'View Details', &nbsp;&nbsp;&nbsp; dragIcon: '&lt;i class="glyphicon glyphicon-menu-hamburger"&gt;&lt;/i&gt;', &nbsp;&nbsp;&nbsp; dragClass: 'text-info', &nbsp;&nbsp;&nbsp; dragTitle: 'Move / Rearrange', &nbsp;&nbsp;&nbsp; dragSettings: {}, &nbsp;&nbsp;&nbsp; indicatorNew: '&lt;i class="glyphicon glyphicon-hand-down text-warning"&gt;&lt;/i&gt;', &nbsp;&nbsp;&nbsp; indicatorSuccess: '&lt;i class="glyphicon glyphicon-ok-sign text-success"&gt;&lt;/i&gt;', &nbsp;&nbsp;&nbsp; indicatorError: '&lt;i class="glyphicon glyphicon-exclamation-sign text-danger"&gt;&lt;/i&gt;', &nbsp;&nbsp;&nbsp; indicatorLoading: '&lt;i class="glyphicon glyphicon-hand-up text-muted"&gt;&lt;/i&gt;', &nbsp;&nbsp;&nbsp; indicatorNewTitle: 'Not uploaded yet', &nbsp;&nbsp;&nbsp; indicatorSuccessTitle: 'Uploaded', &nbsp;&nbsp;&nbsp; indicatorErrorTitle: 'Upload Error', &nbsp;&nbsp;&nbsp; indicatorLoadingTitle: 'Uploading ...' } </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> otherActionButtons </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> '' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> textEncoding </td> 
 <td style="vertical-align:top;"> String </td> 
 <td style="vertical-align:top;"> 编码设置 </td> 
 <td style="vertical-align:top;"> 'UTF-8' </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> ajaxSettings </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> {} </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> ajaxDeleteSettings </td> 
 <td style="vertical-align:top;"> Object </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> {} </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> showAjaxErrorDetails </td> 
 <td style="vertical-align:top;"> boolean </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> true </td> 
 </tr> 
 </tbody> 
</table>

提示说明设置：

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;"> 属性名 </td> 
 <td style="vertical-align:top;"> 默认值 </td> 
 <td style="vertical-align:top;"> 中文 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> fileSingle </td> 
 <td style="vertical-align:top;"> file </td> 
 <td style="vertical-align:top;"> 文件 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> filePlural </td> 
 <td style="vertical-align:top;"> files </td> 
 <td style="vertical-align:top;"> 个文件 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> browseLabel </td> 
 <td style="vertical-align:top;"> Browse &amp;hellip </td> 
 <td style="vertical-align:top;"> 选择 &amp;hellip; </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> removeLabel </td> 
 <td style="vertical-align:top;"> Remove </td> 
 <td style="vertical-align:top;"> 移除 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> removeTitle </td> 
 <td style="vertical-align:top;"> Clear selected files </td> 
 <td style="vertical-align:top;"> 清除选中文件 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> cancelLabel </td> 
 <td style="vertical-align:top;"> Cancel </td> 
 <td style="vertical-align:top;"> 取消 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> cancelTitle </td> 
 <td style="vertical-align:top;"> Abort ongoing upload </td> 
 <td style="vertical-align:top;"> 取消进行中的上传 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> uploadLabel </td> 
 <td style="vertical-align:top;"> Upload </td> 
 <td style="vertical-align:top;"> 上传 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> uploadTitle </td> 
 <td style="vertical-align:top;"> Upload selected files </td> 
 <td style="vertical-align:top;"> 上传选中文件 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgNo </td> 
 <td style="vertical-align:top;"> No </td> 
 <td style="vertical-align:top;"> 没有 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgNoFilesSelected </td> 
 <td style="vertical-align:top;"> No files selected </td> 
 <td style="vertical-align:top;"> “” </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgCancelled </td> 
 <td style="vertical-align:top;"> Cancelled </td> 
 <td style="vertical-align:top;"> 取消 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgZoomModalHeading </td> 
 <td style="vertical-align:top;"> Detailed Preview </td> 
 <td style="vertical-align:top;"> 详细预览 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgSizeTooSmall </td> 
 <td style="vertical-align:top;"> File "{name}" (&lt;b&gt;{size} KB&lt;/b&gt;) is too small and must be larger than &lt;b&gt;{minSize} KB&lt;/b&gt;. </td> 
 <td style="vertical-align:top;"> File "{name}" (&lt;b&gt;{size} KB&lt;/b&gt;) is too small and must be larger than &lt;b&gt;{minSize} KB&lt;/b&gt;. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgSizeTooLarge </td> 
 <td style="vertical-align:top;"> File "{name}" (&lt;b&gt;{size} KB&lt;/b&gt;) exceeds maximum allowed upload size of &lt;b&gt;{maxSize} KB&lt;/b&gt;. </td> 
 <td style="vertical-align:top;"> 文件 "{name}" (&lt;b&gt;{size} KB&lt;/b&gt;) 超过了允许大小 &lt;b&gt;{maxSize} KB&lt;/b&gt;. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgFilesTooLess </td> 
 <td style="vertical-align:top;"> You must select at least &lt;b&gt;{n}&lt;/b&gt; {files} to upload. </td> 
 <td style="vertical-align:top;"> 你必须选择最少 &lt;b&gt;{n}&lt;/b&gt; {files} 来上传. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgFilesTooMany </td> 
 <td style="vertical-align:top;"> Number of files selected for upload &lt;b&gt;({n})&lt;/b&gt; exceeds maximum allowed limit of &lt;b&gt;{m}&lt;/b&gt;. </td> 
 <td style="vertical-align:top;"> 选择的上传文件个数 &lt;b&gt;({n})&lt;/b&gt; 超出最大文件的限制个数 &lt;b&gt;{m}&lt;/b&gt;. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgFileNotFound </td> 
 <td style="vertical-align:top;"> File "{name}" not found! </td> 
 <td style="vertical-align:top;"> 文件 "{name}" 未找到! </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgFileSecured </td> 
 <td style="vertical-align:top;"> Security restrictions prevent reading the file "{name}". </td> 
 <td style="vertical-align:top;"> 安全限制，为了防止读取文件 "{name}". </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgFileNotReadable </td> 
 <td style="vertical-align:top;"> File "{name}" is not readable. </td> 
 <td style="vertical-align:top;"> 文件 "{name}" 不可读. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgFilePreviewAborted </td> 
 <td style="vertical-align:top;"> File preview aborted for "{name}". </td> 
 <td style="vertical-align:top;"> 取消 "{name}" 的预览. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgFilePreviewError </td> 
 <td style="vertical-align:top;"> An error occurred while reading the file "{name}". </td> 
 <td style="vertical-align:top;"> 读取 "{name}" 时出现了一个错误. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgInvalidFileName </td> 
 <td style="vertical-align:top;"> Invalid or unsupported characters in file name "{name}". </td> 
 <td style="vertical-align:top;"> Invalid or unsupported characters in file name "{name}". </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgInvalidFileType </td> 
 <td style="vertical-align:top;"> Invalid type for file "{name}". Only "{types}" files are supported. </td> 
 <td style="vertical-align:top;"> 不正确的类型 "{name}". 只支持 "{types}" 类型的文件. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgInvalidFileExtension </td> 
 <td style="vertical-align:top;"> Invalid extension for file "{name}". Only "{extensions}" files are supported. </td> 
 <td style="vertical-align:top;"> 不正确的文件扩展名 "{name}". 只支持 "{extensions}" 的文件扩展名. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgFileTypes </td> 
 <td style="vertical-align:top;"> { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'image': 'image', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'html': 'HTML', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'text': 'text', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'video': 'video', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'audio': 'audio', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'flash': 'flash', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'pdf': 'PDF', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'object': 'object' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, </td> 
 <td style="vertical-align:top;"> { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'image': 'image', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'html': 'HTML', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'text': 'text', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'video': 'video', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'audio': 'audio', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'flash': 'flash', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'pdf': 'PDF', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'object': 'object' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgUploadAborted </td> 
 <td style="vertical-align:top;"> The file upload was aborted </td> 
 <td style="vertical-align:top;"> 该文件上传被中止 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgUploadThreshold </td> 
 <td style="vertical-align:top;"> Processing... </td> 
 <td style="vertical-align:top;"> Processing... </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgUploadBegin </td> 
 <td style="vertical-align:top;"> Initializing... </td> 
 <td style="vertical-align:top;"> Initializing... </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgUploadEnd </td> 
 <td style="vertical-align:top;"> Done </td> 
 <td style="vertical-align:top;"> Done </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgUploadEmpty </td> 
 <td style="vertical-align:top;"> No valid data available for upload. </td> 
 <td style="vertical-align:top;"> No valid data available for upload. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgValidationError </td> 
 <td style="vertical-align:top;"> Validation Error </td> 
 <td style="vertical-align:top;"> 验证错误 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgLoading </td> 
 <td style="vertical-align:top;"> Loading file {index} of {files} &amp;hellip; </td> 
 <td style="vertical-align:top;"> 加载第 {index} 文件 共 {files} &amp;hellip; </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgProgress </td> 
 <td style="vertical-align:top;"> Loading file {index} of {files} - {name} - {percent}% completed. </td> 
 <td style="vertical-align:top;"> 加载第 {index} 文件 共 {files} - {name} - {percent}% 完成. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgSelected </td> 
 <td style="vertical-align:top;"> {n} {files} selected </td> 
 <td style="vertical-align:top;"> {n} {files} 选中 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgFoldersNotAllowed </td> 
 <td style="vertical-align:top;"> Drag &amp; drop files only! {n} folder(s) dropped were skipped. </td> 
 <td style="vertical-align:top;"> 只支持拖拽文件! 跳过 {n} 拖拽的文件夹. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgImageWidthSmall </td> 
 <td style="vertical-align:top;"> Width of image file "{name}" must be at least {size} px. </td> 
 <td style="vertical-align:top;"> 宽度的图像文件的"{name}"的必须是至少{size}像素. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgImageHeightSmall </td> 
 <td style="vertical-align:top;"> Height of image file "{name}" must be at least {size} px. </td> 
 <td style="vertical-align:top;"> 图像文件的"{name}"的高度必须至少为{size}像素. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgImageWidthLarge </td> 
 <td style="vertical-align:top;"> Width of image file "{name}" cannot exceed {size} px. </td> 
 <td style="vertical-align:top;"> 宽度的图像文件"{name}"不能超过{size}像素. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgImageHeightLarge </td> 
 <td style="vertical-align:top;"> Height of image file "{name}" cannot exceed {size} px. </td> 
 <td style="vertical-align:top;"> 图像文件"{name}"的高度不能超过{size}像素. </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgImageResizeError </td> 
 <td style="vertical-align:top;"> Could not get the image dimensions to resize. </td> 
 <td style="vertical-align:top;"> 无法获取的图像尺寸调整。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgImageResizeException </td> 
 <td style="vertical-align:top;"> Error while resizing the image.&lt;pre&gt;{errors}&lt;/pre&gt; </td> 
 <td style="vertical-align:top;"> 错误而调整图像大小。&lt;pre&gt;{errors}&lt;/pre&gt; </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgAjaxError </td> 
 <td style="vertical-align:top;"> Something went wrong with the {operation} operation. Please try again later! </td> 
 <td style="vertical-align:top;"> Something went wrong with the {operation} operation. Please try again later! </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> msgAjaxProgressError </td> 
 <td style="vertical-align:top;"> {operation} failed </td> 
 <td style="vertical-align:top;"> {operation} failed </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> ajaxOperations </td> 
 <td style="vertical-align:top;"> { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; deleteThumb: 'file delete', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; uploadThumb: 'file upload', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; uploadBatch: 'batch file upload', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; uploadExtra: 'form data upload' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, </td> 
 <td style="vertical-align:top;"> { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; deleteThumb: 'file delete', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; uploadThumb: 'file upload', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; uploadBatch: 'batch file upload', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; uploadExtra: 'form data upload' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> dropZoneTitle </td> 
 <td style="vertical-align:top;"> Drag &amp; drop files here &amp;hellip; </td> 
 <td style="vertical-align:top;"> 拖拽文件到这里 &amp;hellip;&lt;br&gt;支持多文件同时上传 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> dropZoneClickTitle </td> 
 <td style="vertical-align:top;"> &lt;br&gt;(or click to select {files}) </td> 
 <td style="vertical-align:top;"> &lt;br&gt;(或点击{files}按钮选择文件) </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> previewZoomButtonTitles </td> 
 <td style="vertical-align:top;"> { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; prev: 'View previous file', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; next: 'View next file', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; toggleheader: 'Toggle header', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; fullscreen: 'Toggle full screen', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; borderless: 'Toggle borderless mode', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; close: 'Close detailed preview' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } </td> 
 <td style="vertical-align:top;"> { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; prev: '预览上一个文件', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; next: '预览下一个文件', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; toggleheader: '缩放', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; fullscreen: '全屏', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; borderless: '无边界模式', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; close: '关闭当前预览' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;"> fileActionSettings </td> 
 <td style="vertical-align:top;"> &nbsp; </td> 
 <td style="vertical-align:top;"> {&nbsp;&nbsp;&nbsp;&nbsp; removeTitle: '删除文件', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; uploadTitle: '上传文件', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; zoomTitle: '查看详情', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dragTitle: '移动 / 重置', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; indicatorNewTitle: '没有上传', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; indicatorSuccessTitle: '上传', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; indicatorErrorTitle: '上传错误', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; indicatorLoadingTitle: '上传 ...' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, </td> 
 </tr> 
 </tbody> 
</table>

Method说明：

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