上载操作成功后更新输入文件

Question

我在项目中使用了krajee input file插件。 插件的初始化代码如下：

$('#filename').fileinput({
    maxFileCount: 5,
    maxFileSize: 5120,
    showBrowse: false,
    showRemove: false,
    showCaption: false,
    uploadAsync: false,
    browseOnZoneClick: true,
    uploadUrl: "/fis/document/",
    allowedFileTypes: ['image'],
    uploadClass: 'btn btn-success',
    initialPreviewFileType: 'image',
    allowedFileExtensions: ['jpg', 'png']
}).on('filebatchuploadsuccess', function(event, data) {
    var contractDocuments = data.response.contractDocuments;
    contractDocuments.initialPreviewConfig.forEach(function (value) {
        filenames.push(value.caption);
        documentId.push(value.extra.id);
    });
    $('#contractDocuments').val(filenames);
});

当文件成功保存到数据库中时，我返回如下内容：

{
    "contractDocuments": {
        "initialPreview": [
            "data:image/*;base64,/9j/4AAQSkZJRgABAQEAYABgAAD...",
            "data:image/*;base64/9j/4AAQSkZJRgABAQEAtAC0AAD/4SB..."
        ],
        "initialPreviewConfig": [
            { "caption": "Business 1.jpg", "size": 762980, "url": "/fis/document/117", "key": 11 },
            { "caption": "Business 2.jpg", "size": 823782, "url": "/fis/document/118", "key": 13}
        ],
        "append": false,
        "initialPreviewAsData": true
    }
}

现在，当我单击上载的删除按钮（（显示在照片中）时，我想删除文件。 enter image description here

但是当我单击它时没有任何事件发生。 原因是什么？ 请指导我。 谢谢。