Bootstrap File Input Demo

Thankful to Krajee!
to get more out of us.

Extension of scenario 1 to add ability for CLICK TO SELECT in the zone to browse and select files. The scenario also hides the browse button for making it clear to the user to select files on drop zone click. Note the properties showBrowse and browseOnZoneClick that are used to control this. In addition, the drag and drop zone will append to dropZoneTitle the message text as defined in dropZoneClickTitle. For an example of CLICK TO SELECT for non-ajax (form based) uploads, view the avatar upload example # 2.


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

$(document).on("ready", function() {
        uploadUrl: "/file-upload-single/1",
        maxFileCount: 5,
        showBrowse: false,
        browseOnZoneClick: true


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.