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

在預覽框中圖片已經完全載入完畢後回調的事件