<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class"row">
<br>
<br>
<br>
<br>
</div>
<div class="container center">
<input id="file-4" name="file-4[]" type="file" multiple>
<hr>
<button class="btn btn-default btn-disable" type="button">Disable</button>
<button class="btn btn-danger btn-destroy" type="button">Destroy</button>
<button class="btn btn-success btn-recreate" type="button">Recreate</button>
<button class="btn btn-info btn-refresh" type="button">Refresh</button>
</div>
<script>
$(document).on('ready', function() {
var $el = $('#file-4'), initPlugin = function() {
$el.fileinput({
uploadUrl: '/file-upload-single/1',
uploadExtraData: {kvId: '10'},
dropZoneEnabled: false,
}).off('filepreupload').on('filepreupload', function() {
alert("Initial pre-upload message!");
});
};
initPlugin();
