禁止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>

去掉的效果

相关推荐
北辰alk几秒前
React 多组件状态管理:从组件状态到全局状态管理全面指南
前端
葡萄城技术团队11 分钟前
SpreadJS ReportSheet 与 DataManager 实现 Token 鉴权:全流程详解与代码解析
前端
勤劳打代码11 分钟前
触类旁通 —— Flutter 与 React 对比解析
前端·flutter·react native
Mintopia12 分钟前
🧠 可解释性AIGC:Web场景下模型决策透明化的技术路径
前端·javascript·aigc
Mintopia15 分钟前
⚙️ Next.js 事务与批量操作:让异步的世界井然有序
前端·javascript·全栈
若梦plus17 分钟前
多端开发之React-Native原理浅析
前端·react native
新兵蛋子019 分钟前
基于 vue3 完成领域模型架构建设
前端
今禾22 分钟前
Git完全指南(中篇):GitHub团队协作实战
前端·git·github
Tech_Lin22 分钟前
前端工作实战:如何在vite中配置代理解决跨域问题
前端·后端