文件预览的实现

wifi___

已于 2024-05-23 18:38:37 修改

阅读量335

点赞数 3

分类专栏：前端文章标签： vue js

于 2024-05-23 18:36:11 首次发布

本文链接：https://blog.csdn.net/watermelonmelon_/article/details/139155046

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.pdf预览

使用iframe

如果是预览本地文件，且是vue项目，pdf文件需要放在public文件夹下。
调试环境：vue、vant、js

<template>
  <div style="height: 100%;width: 100%">
    <iframe :src="pageUrl" style="width: 100%;height: 100%"></iframe>
  </div>
</template>
<script setup>
import {ref} from "vue";
const pageUrl = ref('/xxx.pdf');
</script>
<style lang="scss" scoped>
</style>