分类

链接

2025 年 2 月
 12
3456789
10111213141516
17181920212223
2425262728  

近期文章

热门标签

新人福利,免费薅羊毛

现在位置:    首页 > Others > 正文
共享办公室出租
html5预览PDF(vue3)
Others 暂无评论 阅读(26)

官网下载PDF.JS,得到  以下文件,放到PUBLIC目录 下:

注:记得修改viewer.html/viewer.mjs中的路径。

 

新建pdfview.vue:

<script setup>
import {ref, onMounted} from 'vue'
import http from "@/utils/http.js";
import router from "@/router/index.js";
import {useRoute} from 'vue-router';

const route = useRoute();

const url = ref('');

function onBack() {
  router.go(-1);
}

onMounted(() => {
  console.log(route.query)
  url.value = "/pdf/viewer.html?file="+ route.query.url;
  console.log('pdf url:' + url.value);

});
</script>

<template>
  <div class="page">
    <iframe width="100%" style="height: 100vh;border:none;" :src="url"></iframe>
  </div>
</template>

<style scoped>


</style>

 

============ 欢迎各位老板打赏~ ===========

本文版权归Bruce's Blog所有,转载引用请完整注明以下信息:
本文作者:Bruce
本文地址:html5预览PDF(vue3) | Bruce's Blog

发表评论

留言无头像?