如何在 Bootstrap 的 Fileinput 插件中替换以前上传的图像

使用此插件Demo实现了将图像加载到产品卡片。

Git插件

编辑产品卡片时，如何在预览栏中替换之前上传的图片，以便进一步添加或删除图片？

具有可用路径和大小的图像的 PHP 数组。如何传递给JS处理（mb JSON类型）？

或者请指出我正确的方向......

$("#image").fileinput({
    uploadUrl: '#',
    showPreview: true,
    browseOnZoneClick: true,
    browseLabel: 'Выбрать изображения …',
    removeLabel: 'Очистить',
    removeTitle: 'Удалить все файлы',
    previewFileType: "image",
    allowedFileTypes: ["image"],
    allowedFileExtension: ['jpg', 'jpeg', 'png'],
    overwriteInitial: false,
    showCaption: false,
    showRemove: true,
    showUpload: false,
    maxFilePreviewSize: 1000,
    maxFileSize: 1000,
    maxFileNum: 15,
    initialPreviewAsData: true,
    initialPreview: [
        <?php if (! empty($imgArray)) : ?>
            <?php foreach ($imgArray as $image) : ?>
                '<?= 'http://zend-mvc.loc/'. $image; ?>',
            <?php endforeach; ?>
        <?php endif; ?>
    ]
});