Safari 使用＜embed＞标签预览pdf，pdf内部链接打不开的解决方法

最新推荐文章于 2024-05-13 15:52:19 发布

qq_42744571

最新推荐文章于 2024-05-13 15:52:19 发布

阅读量821

点赞数

文章标签： safari pdf 前端 react

本文链接：https://blog.csdn.net/qq_42744571/article/details/131832899

版权

问题描述：平常的pdf就这样嵌入就可以预览

<embed src={pdfUrl}></embed>

在chmore 中是完全没有问题的，但是在safari中，如果pdf中含有链接，点击链接的时候就会报错，错误如下：[Error] Refused to display 'https://www.fanaticsinc.com/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN, SAMEORIGIN'.

解决方法：简单粗暴，增加一个 type=“application/pdf”

<embed src={pdfUrl} type="application/pdf"></embed>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_42744571

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Safari 使用＜embed＞标签预览pdf，pdf内部链接打不开的解决方法

解决方法：简单粗暴，增加一个 type=“application/pdf”问题描述：平常的pdf就这样嵌入就可以预览。
复制链接

扫一扫

embed预览pdf_09.html使用iframe、embed查看pdf不显示(未解决)，使用pdf.js预览pdf

weixin_35255536的博客

12-30

1262

前几天做一个网页上查看pdf等文档的功能，然后网上查了一下发现可以使用iframe来预览，然后就去试了一下然后去试了一下，发现控制台报错，页面上iframe里面的body也是空的Resource interpreted as Document but transferred with MIME type application/pdf:去网上查了一下，也没有发现什么有用的信息，本来以为可能是返回时...

在线pdf预览插件pdfobject.js设置参数使用pdf预览

11-24

PDFObject.js是一款轻量级的JavaScript插件，用于在网页中实现PDF文件的在线预览。这个插件的使用非常简单，只需要几行代码就...记得在实际应用中测试不同浏览器和设备的兼容性，以确保所有用户都能顺利预览PDF内容。

1 条评论您还未登录，请先登录后发表或查看评论

vue中PDF预览

weixin_49519788的博客

01-31

353

vue中预览pdf文件

vue预览PDF文件的几种方法

最新发布

weixin_58495461的博客

05-13

3077

2.3 使用组件展示PDF文件。1.1页面结构 html。2.2 注册并引入组件。

PDF中的超链接在PDF阅读器中失效问题的解决

进阶的博客

01-21

6685

背景：同事在苹果电脑的PDF阅读器中打开PDF文件，说里面的超链接无法跳转，但在浏览器中打开就是可以跳转的问题：超链接中包含了中文，在苹果那个PDF阅读器中显示的中文的编码和浏览器地址栏中显示的中文编码不一致思考：苹果的PDF阅读器对中文编码是不是跟浏览器不一样，所以是不是只要统一了编码就可以解决方案：在生成PDF前将url中的中文用js中的encodeURIComponent()进行编码，这样生成的PDF中就不包含中文，点击超链接就可以直接使用编码后的地址了 PS: 浏览器地址栏对中文.

无法在Safari中显示pdf

Recording...

08-24

9745

原因：之前安装Adobe PDF Reader卸载后没有删除其安装在Safari中的插件解决方法： 1. 关闭Safari 2. 打开Finder进入目录：/Library/Internet Plug-Ins/ 3. 删除AdobePDFViewer.plugin及AdobePDFViewerNPAPI.plugin 4. 重新打开Safari后即可在Safari中查看PDF了

`＜embed＞` 和 `＜iframe＞` 标签在pdf读取方面的区别

m0_57236802的博客

01-03

765

无论哪种方式，都要确保在你的网站上进行充分的测试，以确保在不同的浏览器和设备上都能正常工作。可能是一个简单直接的选择。如果你需要更多的控制，或者想要在PDF无法加载时提供备用内容，那么。时，你应该考虑你的具体需求。如果你只需要嵌入PDF文件，并且不需要额外的内容或交互，

vue3中使用 vue-pdf-embed 实现pdf文件预览、翻页、下载等功能

qq_45897239的博客

02-08

1万+

一、安装 `vue-pdf-embed` 1、安装 `vue-pdf-embed` 二、文件预览 1、`html` 结构内容 2、`css` 样式 3、`js` 基本预览功能实现 4、获取文件总页数三、翻页四、缩放五、下载六、打印七、指定页面跳转八、项目演示九、参考资料

网页中flash wmode参数详解_陕南赤子_新浪博客

allen88的专栏

07-16

142

在做web开发中可能会遇到flash遮挡页面中元素的情况，无论怎么设置flash容器和层的深度(z-index)也无济于事，现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”，但 wmode属性到底是什么意义，为什么可以解决这个问题呢？ window mod...

浅谈实现在线预览PDF的几种解决办法

10-14

本文将探讨几种实现在线预览PDF的方法，以及在实际应用中遇到的问题和解决方案。首先，一种常见的方法是利用PDFJS，这是一个由Mozilla开发的JavaScript库，专为在浏览器中处理PDF文档而设计。PDFJS提供了一种纯...

iframe标签实现pdf预览功能

05-29

iframe标签实现pdf预览功能

pdfobject.js浏览器在线预览pdf

07-24

1. **HTML5的`<object>`标签**：PDFObject.js的核心是利用HTML5的`<object>`标签。这个标签可以用来插入各种类型的内容，包括PDF文档。它将PDF文件作为一个资源，通过URL加载到浏览器中。 2. **兼容性检测**：...

pdf文件在线预览所需js

09-12

你可以使用它来检测浏览器是否支持在线预览PDF，如果不支持，可以提供一个下载链接或者其他的替代方案。 ```javascript if (!PDFObject.supportsPDFs) { // 提供备用方案，比如下载链接 } ``` 总的来说，...

basic-pdf-embed-wp-plugin:一个 WordPress 插件，使用它可以轻松显示 PDF 文件标签

06-27

如果浏览器不支持PDF嵌入，`<a>`标签会提供一个链接，让用户直接下载PDF。 ### PHP技术基础这个插件的实现离不开PHP，一种广泛用于Web开发的服务器端脚本语言。`Basic PDF Embed WP Plugin`可能使用PHP来处理文件...

embed 标签怎么嵌入pdf_如何在网页中嵌入PDF文件

weixin_39822443的博客

01-14

1432

如何在网页中嵌入PDF文件编辑：oa161办公商城您想要到包括代码嵌入到PDF file.2Type，打开的对象标记，它看起来像这样：&ltobject3Insert的type属性的说明1Locate的位置在您的网页的代码。您的文件类型是PDF。因此，您的代码将看起来像这样：=“application / pdf上”4指定的文件名。要做到这一点，类型：数据=“NAMEofFILE.pdf”...

vue3.0使用vue-pdf-embed在线预览pdf 控制页码显示范围不生效问题

monkey7

01-13

1747

本来觉得把要展示到第几页的页码给到v-for的 i in PageRange 中的PageRange即可但是本地没问题打包部署就不显示pdf

html embed页面无法播放视频,embed标签什么意思手机无法播放网页上embed标签的视频...

weixin_36160969的博客

06-03

2376

HTML中embed标签的作用及各属性及其值是什么？embed (一)、基本语法： embed src=url 说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等， Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。HTML的embed标签是干什么的？embed是HTML5中新增的标签，可以在页面中嵌入任何...

[vue] 使用 embed 标签实现在线查看PDF

qq_14993591的博客

11-08

2303

配置 src - toolbar、navpanes、scrollbar 用于设置操作状态栏是否显示。设置标签的 type=“application/pdf”

使用iframe预览pdf；

Safari 使用＜embed＞ 标签预览pdf，pdf内部链接打不开的解决方法

Safari 使用＜embed＞标签预览pdf，pdf内部链接打不开的解决方法