当前位置: 首页 > article >正文

前端如何不引入第三方插件实现pdf预览功能?

HTML 提供了一些原生标签,如embed、object和iframe,可以直接嵌入PDF文件,并在网页中展示。本文以object标签为例(其余标签感兴趣的,网上直接搜,有很多)

.vue文件

<object ref="pdfRef" :data="`${attachUrl}#toolbar=0`" type="application/pdf" width="100%" height="1000">
        This browser does not support PDFs. Please download the PDF to view it: <a :href="curData.agreementAttachUrl">Download PDF</a>
      </object>

attachUrl指的是pdf链接,如果在pdf链接后加入【#toolbar=0】,那么pdf上方的工具栏就会隐藏,可根据需求自行添加,默认是有工具栏


http://www.kler.cn/a/420936.html

相关文章:

  • git查看本地库对应的远端库的地址
  • Qt—QLineEdit 使用总结
  • Python 3 教程第33篇(MySQL - mysql-connector 驱动)
  • Pytorch使用手册-使用 TensorBoard 可视化模型、数据和训练过程(专题十)
  • 4399 Android面试题及参考答案
  • map用于leetcode
  • 开启智能 BI 新纪元:生成式 AI 工具的探索与实践
  • 微信小程序踩坑指南(一)wx:for的坑
  • 【笔记2-1】ESP32:基于vscode的espidf插件的开发环境搭建
  • FPGA设计-基于SJA1000的can控制器设计
  • Mybatis 学习 之 XML 手册
  • debian ubuntu armbian部署asp.net core 项目 开机自启动
  • 贴片式内存卡 ​SD NAND​
  • 【数据结构】队列实现剖析:掌握队列的底层实现
  • 零基础快速掌握——【c语言基础】数组的相关概念及操作
  • 电子应用设计方案-37:智能鼠标系统方案设计
  • re正则通配表达式的详尽/简洁,从来不是一对悖论
  • 二叉树的概念及其在Java中的实现
  • 【第 1 章 初识 C 语言】1.6 C 语言标准:C89/90、C99、C11、C17、C23
  • Java中如何停止一个正在运行的线程
  • Vue 90 ,Element 13 ,Vue + Element UI 中 el-switch 使用小细节解析,避免入坑(获取后端的数据类型自动转变)
  • Python+Requests接口自动化测试框架:多线程-异步执行
  • Python 爬虫实战基于 Class 的天气查询与反爬虫练习
  • ArcGIS求取多个点距离线要素的最近距离以及距离倒数
  • 数据结构基础之《(10)—快速排序》
  • RoBERTa- 稳健优化的 BERT 预训练模型详解