pdf viewer

Author: redmi

.apps/tools/src/main.js

@@ -10,6 +10,7 @@ const router = createRouter({
         { path: '/calc', component: () => import('./views/Calc.vue') },
         { path: '/file-byte', component: () => import('./views/FileByte.vue') },
         { path: '/nes-color', component: () => import('./views/NesColor.vue') },
+        { path: '/pdf-viewer', component: () => import('./views/PdfViewer.vue') },
     ],
 });
 

.apps/tools/src/views/Home.vue

@@ -4,5 +4,6 @@
         <li><RouterLink to="/calc">计算器</RouterLink></li>
         <li><RouterLink to="/file-byte">文件字节 File Byte</RouterLink></li>
         <li><RouterLink to="/nes-color">Nes Color</RouterLink></li>
+        <li><RouterLink to="/pdf-viewer">PDF Viewer</RouterLink></li>
     </ol>
 </template>

.apps/tools/src/views/PdfViewer.vue

@@ -0,0 +1,10 @@
+<template>
+    <input type="file" @change="e => handleViewClick(e.target.files[0])">
+</template>
+
+<script setup>
+function handleViewClick(file)
+{
+    location.href = `/pdfviewer/web/viewer.html?file=${URL.createObjectURL(file)}`;
+}
+</script>