禁止ifrmare标签上的文件,实现自动下载功能,并且隐藏工具栏

需求说明:

要求在使用ifrmare标签预览文件,禁止文件自动下载功能,以及隐藏工具栏;

有工具栏代码:

html 复制代码
  <iframe width="100%" height="100%" :src="articleWORD"></iframe>

解决方案

在src路径有拼接'#toolbar=0&navpanes=0&scrollbar=0'

该代码的作用是禁用并隐藏浏览器自带的pdf查看器工具栏。

注意:这个操作在火狐浏览器中是无效的,工具栏依旧可以正常展示和使用。

html 复制代码
 <iframe width="100%" height="100%" :src="`${articleWORD}#toolbar=0&navpanes=0&scrollbar=0`"></iframe>

去掉的效果

相关推荐
小小小小宇10 分钟前
Pi 手动添加
前端
然我21 分钟前
模型不是 Agent:从零实现一个最小 Agent Loop
前端·人工智能·agent
boooooooom28 分钟前
手把手做一个图 RAG 烹饪问答系统:Neo4j + Milvus + LLM 的工程实践
前端·javascript·后端
小小善后师29 分钟前
HID 设备对接技术解析:基于本地中间服务的 WebSocket 通信模式
前端
黄油面包31 分钟前
Codex 额度三天见底后,我重新做了一周预算
前端·人工智能
PedroQue9934 分钟前
v2.7.1:修复 H5 端返回死循环闪烁问题
前端·uni-app
coderCN35 分钟前
Nodejs express+knex(ORM框架)
前端·node.js
求道於盲39 分钟前
python中的抽象类
前端
Csvn1 小时前
CSS 层叠与现代布局:BFC、@layer 与 grid/flex 的取舍
前端
CodeSheep1 小时前
OpenJDK 全面禁止 AI 生成代码!
前端·后端·程序员