From eebf6591511daa7c92a7b009a0fef5fb2bea501b Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 03 七月 2024 11:26:20 +0800
Subject: [PATCH] feat:修改pdf查看器
---
src/components/PDFVIewer/index.vue | 16 +++++++++-------
1 files changed, 9 insertions(+), 7 deletions(-)
diff --git a/src/components/PDFVIewer/index.vue b/src/components/PDFVIewer/index.vue
index 6b9476b..bb10852 100644
--- a/src/components/PDFVIewer/index.vue
+++ b/src/components/PDFVIewer/index.vue
@@ -1,24 +1,26 @@
<template>
<div class="pdf-container">
- <canvas ref="pdfCanvas" class="pdf-canvas"></canvas>
+ <iframe :src="fileUrl" width="100%" height="100%"></iframe>
</div>
</template>
<script setup>
-import { ref,onMounted } from 'vue';
+import { ref, onMounted } from 'vue';
const props = defineProps({
pdfUrl: {
type: String,
required: true
}
-})
-const pdfCanvas = ref(null);
+});
+const viewerUrl = '/pdfjs/web/viewer.html?file='; // pdfjs鏂囦欢鍦板潃
+
+const fileUrl = ref('');
+
const renderPDF = () => {
- const url = props.pdfUrl;
- console.log(window.pdfjsLib);
-}
+ fileUrl.value = viewerUrl + encodeURIComponent(props.pdfUrl);
+};
onMounted(() => {
renderPDF();
--
Gitblit v1.8.0