itsscb/filebrowser
1
0
Fork 0
mirror of https://github.com/filebrowser/filebrowser.git synced 2025-07-09 17:42:59 +00:00
Code Issues Packages Projects Releases 1 Wiki Activity

fix: preview PDF is correctly displayed

Browse Source
This commit is contained in:
Henrique Dias 2025-07-08 07:29:13 +02:00
parent b28952cb25
commit bf73e4dea3
1 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/views/files/Preview.vue
View File

@ -60,7 +60,7 @@
<div v-if="isEpub" class="epub-reader"> <div v-if="isEpub" class="epub-reader">
<vue-reader <vue-reader
:location="location" :location="location"
:url="raw" :url="previewUrl"
:get-rendition="getRendition" :get-rendition="getRendition"
:epubInitOptions="{ :epubInitOptions="{
requestCredentials: true, requestCredentials: true,
@ -87,11 +87,14 @@
<span>{{ size }}%</span> <span>{{ size }}%</span>
</div> </div>
</div> </div>
<ExtendedImage v-else-if="fileStore.req?.type == 'image'" :src="raw" /> <ExtendedImage
v-else-if="fileStore.req?.type == 'image'"
:src="previewUrl"
/>
<audio <audio
v-else-if="fileStore.req?.type == 'audio'" v-else-if="fileStore.req?.type == 'audio'"
ref="player" ref="player"
:src="raw" :src="previewUrl"
controls controls
:autoplay="autoPlay" :autoplay="autoPlay"
@play="autoPlay = true" @play="autoPlay = true"
@ -99,12 +102,12 @@
<VideoPlayer <VideoPlayer
v-else-if="fileStore.req?.type == 'video'" v-else-if="fileStore.req?.type == 'video'"
ref="player" ref="player"
:source="raw" :source="previewUrl"
:subtitles="subtitles" :subtitles="subtitles"
:options="videoOptions" :options="videoOptions"
> >
</VideoPlayer> </VideoPlayer>
<object v-else-if="isPdf" class="pdf" :data="raw"></object> <object v-else-if="isPdf" class="pdf" :data="previewUrl"></object>
<div v-else-if="fileStore.req?.type == 'blob'" class="info"> <div v-else-if="fileStore.req?.type == 'blob'" class="info">
<div class="title"> <div class="title">
<i class="material-icons">feedback</i> <i class="material-icons">feedback</i>
@ -119,7 +122,7 @@
</a> </a>
<a <a
target="_blank" target="_blank"
:href="raw" :href="previewUrl"
class="button button--flat" class="button button--flat"
v-if="!fileStore.req?.isDir" v-if="!fileStore.req?.isDir"
> >
@ -256,16 +259,20 @@ const downloadUrl = computed(() =>
fileStore.req ? api.getDownloadURL(fileStore.req, false) : "" fileStore.req ? api.getDownloadURL(fileStore.req, false) : ""
); );
const raw = computed(() => { const previewUrl = computed(() => {
if (fileStore.req?.type === "image" && !fullSize.value) { if (!fileStore.req) {
return "";
}
if (fileStore.req.type === "image" && !fullSize.value) {
return api.getPreviewURL(fileStore.req, "big"); return api.getPreviewURL(fileStore.req, "big");
} }
if (isEpub.value) { if (isEpub.value) {
return createURL("api/raw" + fileStore.req?.path, {}); return createURL("api/raw" + fileStore.req.path, {});
} }
return downloadUrl.value; return api.getDownloadURL(fileStore.req, true);
}); });
const isPdf = computed(() => fileStore.req?.extension.toLowerCase() == ".pdf"); const isPdf = computed(() => fileStore.req?.extension.toLowerCase() == ".pdf");