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

Bootstrap FileInput 插件示例

最新推荐文章于 2025-06-23 13:51:52 发布

转载最新推荐文章于 2025-06-23 13:51:52 发布 · 501 阅读

bootstrap 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用Bootstrap FileInput插件实现文件自动上传及上传成功回调的示例。通过监听文件选择完成事件(filebatchselected)触发上传操作，并在文件上传成功(fileuploaded)时给出提示。

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>