Add files via upload

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;
           }
         }