Display already saved images in file uploader Magento2

I created multiple image uploader on the storefront which is working fine. Images are saving in DB and also uploading to the directory. The image preview is also working fine but the preview is only working during the image upload.

What I want is to display already saved images, when I open the page it should show all the saved images. (just like the product media, with delete option)

<td data-th="<?= $block->escapeHtml(__('File')) ?>" class="col created-date"> <div class="upload-wrapper-<?php echo $block->getOrder()->getId(); ?>" data-bind="scope: 'uploader-<?php echo $block->getOrder()->getId(); ?>'"> <!-- ko template: getTemplate() --><!-- /ko --> </div> </td> <script type="text/x-magento-init"> { ".upload-wrapper-<?php echo $block->getOrder()->getId(); ?>": { "Magento_Ui/js/core/app": { "components": { "uploader-<?php echo $block->getOrder()->getId(); ?>": { "dataScope": "image", "isMultipleFiles":1, "component": "Magento_Ui/js/form/element/file-uploader", "template": "ui/form/element/uploader/uploader", "previewTmpl": "Vendor_module/image-preview", "allowedExtensions": ["png", "jpg", "jpeg", "gif"], "uploaderConfig": { "url": "<?php echo $block->getUrl('orderfile/index/index/id/' . $block->getOrder()->getId()); ?>" } } } } } }

enter image description here

Read Entire Article