mirror of
https://github.com/keven1024/015.git
synced 2026-05-26 07:08:02 +00:00
25 lines
505 B
Vue
25 lines
505 B
Vue
<script setup lang="ts">
|
|
import type { filePreview } from './Index.vue'
|
|
|
|
const props = defineProps<{
|
|
file: File | filePreview
|
|
}>()
|
|
|
|
const imageUrl = computed(() => {
|
|
if (props?.file?.type?.startsWith('image/') && props?.file instanceof File) {
|
|
return URL.createObjectURL(props?.file)
|
|
}
|
|
return null
|
|
})
|
|
|
|
onUnmounted(() => {
|
|
if (imageUrl.value) {
|
|
URL.revokeObjectURL(imageUrl.value)
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<img v-if="!!imageUrl" :src="imageUrl" />
|
|
</template>
|