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

去掉的效果

相关推荐
JarvanMo13 分钟前
在 Flutter 中正确处理文本缩放
前端
深蓝电商API15 分钟前
HTML 解析入门:用 BeautifulSoup 轻松提取网页数据
前端·爬虫·python·beautifulsoup
excel34 分钟前
JavaScript 运算符与 Vue 中的 1 << n 应用
前端
上单带刀不带妹44 分钟前
Vue3 全局 API 转移详解
前端·javascript·vue.js·vue3·api
怕冷的火焰(~杰)1 小时前
yarn安装electron和better-sqlite3失败问题(rebuild:better-sqlite3)
前端·javascript·electron
IT_陈寒1 小时前
JavaScript性能优化:7个90%开发者不知道的V8引擎黑科技
前端·人工智能·后端
摸鱼的春哥1 小时前
“全栈模式”必然导致“质量雪崩”!和个人水平关系不大
前端·javascript·后端
Eme丶2 小时前
Nginx部署vue以及转发配置记录
前端·vue.js·nginx
大气层煮月亮2 小时前
Oracle EBS ERP之报表开发—嵌入Web中的报表预览、报表打印
前端·数据库·oracle
excel2 小时前
Vue 中 v-show 与 v-if 的全面解析
前端