Extension of scenario 1 for asynchronous uploads - in which you can dynamically setup the initialPreview and initialPreviewConfig immediately after upload at runtime. For this you must return the initialPreview, initialPreviewConfig, and append properties within a JSON object from your server. TIP: Try uploading each file through upload icon in the thumbnail and you can see each thumbnail getting replaced by the server generated file link. Refer to the documentation for receiving data on server or sending data from server in asynchronous mode.

Code

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

<script>
$(document).ready(function() {
    $("#input-703").fileinput({
        uploadUrl: "/file-upload-single/2",
        minFileCount: 1,
        maxFileCount: 5,
        uploadExtraData: function(previewId, index) {
            return {key: index};
        },
        overwriteInitial: false,
        initialPreviewAsData: true // identify if you are sending preview data only and not the markup
    });
});
</script>