bootstrap上傳外掛fileinput自動上傳&成功回撥
阿新 • • 發佈:2019-02-04
bootstrap上傳外掛fileinput功能非常強大,本文給出一例自動上傳&上傳成功回撥的用例.核心就是呼叫 filebatchselected 檔案選擇完成事件實現的,檔案上傳成功的事件是 fileuploaded .
<script> $("#update_csv").fileinput({ showUpload: false, language:'zh', uploadAsync:true, dropZoneEnabled:false, uploadUrl:'http://www.soyiyuan.com/', maxFileCount: 1, maxImageWidth: 600, resizeImage: false, showCaption: false, showPreview: false, browseClass: "btn btn-primary btn-lg", allowedFileExtensions : ['csv', 'txt'], previewFileIcon: "" }).on("filebatchselected", function(event, files) { $(this).fileinput("upload"); }) .on("fileuploaded", function(event, data) { if(data.response) { alert('處理成功'); } }); </script>