bootstrap上传插件fileinput自动上传&上传成功回调的方法

bootstrap上传插件fileinput功能非常强大,本文给出一例自动上传&上传成功回调的用例.


<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>

核心就是调用 filebatchselected 文件选择完成事件实现的,文件上传成功的事件是 fileuploaded .

注意fileinput插件版本是 version 4.2.7 .

发表评论

电子邮件地址不会被公开。 必填项已用*标注