Bootstrap File Input Demo

Thankful to Krajee!
to get more out of us.

Synchronous / Sequential AJAX based uploads (only one server ajax method called) with drag and drop functionality. Very similar to scenario 1, - however you set the uploadAsync property to false in this case. For this example below, you can read the uploaded files on your server for the input name kartik-input-701.


Code

<div class="file-loading">
    <input id="input-701" name="kartik-input-701[]" type="file" multiple>
</div>

<script>
$(document).on("ready", function() {
    $("#input-701").fileinput({
        uploadUrl: "/file-upload-batch/1",
        uploadAsync: false,
        maxFileCount: 5
    });
});
</script>

Note

You can now visit the Krajee Webtips Q & A forum for searching OR asking questions OR helping programmers with answers on these extensions and plugins. For asking a question click here. Select the appropriate question category (i.e. Krajee Plugins) and choose this current page plugin in the question related to field.

The comments and discussion section below are intended for generic discussions or feedback for this plugin. Developers may not be able to search or lookup here specific questions or tips on usage for this plugin.