bootstrap-fileinput插件,上傳成功后事件


注意:這里區分了是同步還是異步
同步的回調走 filebatchuploadsuccess(我把所有的都試了,才發現同步時會走這個方法)
異步的回調走 fileuploaded

配置項
uploadAsync: false,//同步上傳

官方文檔
http://bootstrap-fileinput.com/events.html

//初始化頭像上傳插件
$("#portrait").fileinput({
language: 'zh', //設置語言
showUpload: false,
elErrorContainer: '#kartik-file-errors',
allowedFileExtensions: ["jpg", "JPG", "jpeg", "JPEG", "png", "gif"],
dropZoneEnabled: false,
maxFileCount: 1,
uploadAsync: false,//異步上傳
uploadUrl: "../upload/file/1",//圖片上傳的url
enctype:'multipart/form-data',
previewFileIcon: "",
maxImageWidth: 200,
resizeImage: false,
showPreview: false
}).on("filebatchselected", function (event, data) {//選擇即上傳
if (data.length == 0) {
return;
}
}).on('fileuploaded', function (event, data) {//異步上傳成功結果處理

}).on('fileerror', function (event, data, msg) {//異步上傳失敗結果處理
console.log(event, data, msg);
}).on('fileuploaderror', function (event, data, msg) {//異步上傳失敗結果處理
console.log(event, data, msg);
}).on('filebatchuploadsuccess', function(event,data,previewId,index) {//同步上傳回調

});;

原文鏈接:https://blog.csdn.net/zhaohan___/article/details/94434399


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM