pocketbase/ui/src/components/records/RecordFilePreview.svelte

24 lines
527 B
Svelte
Raw Normal View History

2022-07-07 05:19:05 +08:00
<script>
import ApiClient from "@/utils/ApiClient";
import CommonHelper from "@/utils/CommonHelper";
export let record;
export let filename;
let previewUrl = "";
$: if (CommonHelper.hasImageExtension(filename)) {
previewUrl = ApiClient.Records.getFileUrl(record, `${filename}?thumb=100x100`);
}
function onError() {
previewUrl = "";
}
</script>
{#if previewUrl}
<img src={previewUrl} alt={filename} on:error={onError} />
{:else}
<i class="ri-file-line" />
{/if}