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

去掉的效果

相关推荐
eason_fan16 分钟前
前端避坑指南:一文吃透 npm 幽灵依赖(Phantom Dependency)
前端·前端工程化
前端小万17 分钟前
2026年3月面20个前端
前端
葡萄城技术团队36 分钟前
智慧表格(SpreadJS + AI):拥抱 Web 端对话式办公新时代
前端·人工智能
OpenTiny社区1 小时前
电商系统集成GenUI SDK实操指南
前端·开源·ai编程
A_nanda1 小时前
vue实现后端传输逐帧图像数据
前端·javascript·vue.js
YGY顾n凡1 小时前
我开源了一个项目:一句话创造一个AI世界!
前端·后端·aigc
qq_12084093711 小时前
Three.js 工程向:动画循环与时间步进稳定性实践
前端·javascript
旷世奇才李先生1 小时前
React18\+TypeScript实战: Hooks封装与企业级组件开发
前端·javascript·typescript
午安~婉2 小时前
Electron(续4)利用AI辅助完成配置功能
前端·javascript·electron·应用打包与发布
tERS ERTS2 小时前
头歌答案--爬虫实战
java·前端·爬虫