如何使用fileinput插件实现bootstrap的自动文件上传功能？

本文共计181个文字，预计阅读时间需要1分钟。

使用Bootstrap的fileinput插件功能强大，以下是一个示例，实现自动上传并返回结果的用法。核心是调用filebatchselected文件选择完成事件，文件上传成功的事件是fileuploaded。注意插件版本是。

bootstrap上传插件fileinput功能非常强大,本文给出一例自动上传&上传成功回调的用例.核心就是调用filebatchselected文件选择完成事件实现的,文件上传成功的事件是fileuploaded.
注意插件版本是version4.2.7.

1.[代码][JavaScript]代码

<script> $("#update_csv").fileinput({ showUpload: false, language:'zh', uploadAsync:true, dropZoneEnabled:false, uploadUrl:'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>