bootstrap fileinput 外掛程式的使用

2021-08-30 13:40:59 字數 1199 閱讀 3025

使用bootstrap fileinput 需要初始化 

js部分 fileuploaded方法是上傳成功

fileerror上傳失敗的回掉

$(function () 

)function initfileinput(ctrlname,url) ,

uploadasync: true, //預設非同步上傳

showupload: false, //是否顯示上傳按鈕

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,

uploadextradata:{},

previewfileicon: "",

msgfilestoomany: "選擇上傳的檔案數量() 超過允許的最大數值!",

}).on("fileuploaded", function (event, data, previewid, index) ).on('fileerror', function(event, data, msg) )

}

html部分 這裡有還要bootsrap的js和css沒有加上

具體的實現效果

關於bootstrap table 外掛程式的使用總結

這個外掛程式搗騰了好久了終於調通了,記錄一下 先引入相應的檔案 name stars forks action 以上要注意的是url是傳的json格式的資料,例如c.php為 rows array id one name two price three row array rows echo enc...

Grunt外掛程式autoprefixer使用指南

在grunt安裝 配置和應用中,我介紹了幾種外掛程式的使用。今天再介紹乙個為相容各大瀏覽器自動新增字首的外掛程式autoprefixer。環境配置好了後,gruntfile.js檔案配置如下 module.exports function grunt single file grunt.regist...

jquery highlight高亮外掛程式使用

jquery highlight官網 該外掛程式可以方便的進行高亮處理。示例 this is a test head input the search key.click 搜尋 button.this is a test body this is a test,a test,test,tes,te,...