From 7ad003437c1f59556d4e037ab594989e79a4194e Mon Sep 17 00:00:00 2001
From: niubility000 <76441520+niubility000@users.noreply.github.com>
Date: Tue, 19 Oct 2021 07:47:07 +0800
Subject: [PATCH] Add files via upload

---
 frontend/src/views/files/Preview.vue | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/files/Preview.vue b/frontend/src/views/files/Preview.vue
index 57c365e8..fb69857e 100644
--- a/frontend/src/views/files/Preview.vue
+++ b/frontend/src/views/files/Preview.vue
@@ -137,6 +137,8 @@
     >
       <i class="material-icons">chevron_right</i>
     </button>
+    <link rel="prefetch" :href="rawP">
+    <link rel="prefetch" :href="rawN">
   </div>
 </template>
 
@@ -146,7 +148,6 @@ import { files as api } from "@/api";
 import { baseURL, resizePreview } from "@/utils/constants";
 import url from "@/utils/url";
 import throttle from "lodash.throttle";
-
 import HeaderBar from "@/components/header/HeaderBar";
 import Action from "@/components/header/Action";
 import ExtendedImage from "@/components/files/ExtendedImage";
@@ -172,6 +173,10 @@ export default {
       navTimeout: null,
       hoverNav: false,
       autoPlay: false,
+      routeDataP: "",
+      routeDataN: "",
+      rawP:"",
+      rawN:"",
     };
   },
   computed: {
@@ -302,6 +307,15 @@ export default {
         for (let j = i - 1; j >= 0; j--) {
           if (mediaTypes.includes(this.listing[j].type)) {
             this.previousLink = this.listing[j].url;
+            const key = Date.parse(this.listing[j].modified);
+            if (this.listing[j].type === "image" && !this.fullSize) {
+              this.routeDataP = `${baseURL}/api/preview/big${this.previousLink.slice(6)}?k=${key}`;
+            } else if (this.listing[j].type === "image" ) {
+              this.routeDataP = `${baseURL}/api/raw${this.previousLink.slice(6)}?k=${key}`;
+            } else {
+	      this.routeDataP = "";
+	    }
+	    this.rawP=`${this.routeDataP}&inline=true`;
             break;
           }
         }
@@ -309,6 +323,15 @@ export default {
         for (let j = i + 1; j < this.listing.length; j++) {
           if (mediaTypes.includes(this.listing[j].type)) {
             this.nextLink = this.listing[j].url;
+	    const key = Date.parse(this.listing[j].modified);
+	    if (this.listing[j].type === "image" && !this.fullSize) {
+	      this.routeDataN = `${baseURL}/api/preview/big${this.nextLink.slice(6)}?k=${key}`;
+            } else if (this.listing[j].type === "image" ) {
+              this.routeDataN = `${baseURL}/api/raw${this.nextLink.slice(6)}?k=${key}`;
+            } else {
+	      this.routeDataN = "";
+	    }
+            this.rawN=`${this.routeDataN}&inline=true`;
             break;
           }
         }