This is a custom element (web component - can be used every where regardless the framework) built with Svelte to view files. Demo
url - File link.
filename - the file name - should include the file extension.
<file-viewer
filename="some-excel-file.xlsx"
url="https://link.com"
></file-viewer><file-viewer
filename="some-not-supported-file.not-supported"
url="https://link.com"
>
<div slot="not-supported">
😕
</div>
</file-viewer>not-supported- Given file extension is not supported.
onload- iframe onload event.
.ppt, .pptx, .doc, .docx, .xls, .xlsx, .pdf,
.png, .jpg, .jpeg, .gif,