内联PDF预览

嗯,不确定为什么您看不到 pdf,但在您的网站上我这里可以正常显示这里。您的浏览器是否启用了任何插件或广告拦截器?

3 个赞

对我来说也运行良好,即使是安全媒体也是如此

2 个赞

在 iPad 上?我不这么认为。那么问题或多或少是 Safari 本身。而 DiscourseHub 也只是另一个 Safari。

无论如何——如果它在所有支持的浏览器和设备上都无法正常工作,那么它就是坏的。但一定发生了一些奇怪的事情,我不知道是来自 Apple 还是组件。

我会责怪 DiscourseHub,因为它除了一个灰色的框什么也看不到。但使用 Safari 本身,我只看到第一页,仅此而已,我也看不到那个工具箱。

在 Safari/iPad 上我得到的一切都只是纯粹漂亮的首页。

1 个赞

啊,我明白了。我的 iPad 也能重现这个问题——所有浏览器都只显示 PDF 的第 1 页。

不过,这可能是因为:

2 个赞

当然 :man_facepalming:

(我真的非常希望这种编码方式不会变得越来越普遍。如果一项功能至少没有隐藏在所有手机上,那么它就应该被视为损坏,因为它严重破坏了大多数用户的用户体验。当然——管理员决定何时安装或不安装,但仍然如此)

1 个赞

我在 Edge 和 Chrome 桌面版(这两个浏览器都没有安装插件)上看到的是这样:

源代码似乎是空的框架:

Discourse 日志中没有相关错误。

1 个赞

您在 JavaScript 控制台中看到什么了吗?

1 个赞

对我来说,没有具体且清晰的重现步骤,这个问题很难排查。

对我而言,主题组件似乎按预期工作。我一直都在使用它,并且非常欣赏它。

  • 在我的 MacBook Pro 和 Chrome 上,我看到了与 OP 截图一样的 PDF 预览。
  • 在我的 iPhone 和 Chrome 及 Safari 上,我看到了 PDF 链接,但没有预览,正如 OP 所描述的那样。
1 个赞

正常安装并上传一个PDF文件 :wink:

然而现在有三个人遇到了问题。

我也不知道该如何继续。如果你们看不到任何问题,我们也收不到任何错误信息,那么这个问题就无法解决。当然,我可以移除所有组件,但说实话——这对我来说不是什么大事,而且我有点懒,所以…… :wink:

1 个赞

提供清晰的可重现步骤将非常有帮助,而不是仅仅抱怨。什么浏览器、版本等。javascript 控制台中有错误吗?有冲突的插件或主题组件吗?如果您不想提供,也许这里的其他人可以提供。谢谢!

就像我说的,这个插件在我使用的所有设备上都像广告宣传的那样工作。

确实如此。我实际上已经提供了,因为它从未奏效。

为你感到高兴。

算了。对我来说它就是不行。而且我不是唯一一个。在那样的态度之后,我彻底失去了兴趣。我只是卸载了所有组件,并试图找出是否存在什么奇怪的冲突,但我完全可以不用它而生活。

您是否提供了可重现的步骤?抱歉,这是一个很长的话题,我猜我错过了。请指出它,我会尝试使用它们来查看问题,以便我研究如何解决它。

如果您愿意,也可以邀请我加入您的社区,这样我就可以看看您网站上的体验是否与您的不同。

这并非一个只在某些浏览器子版本中出现的晦涩错误。似乎对某些用户(至少包括我和 @Jagster )来说,它在任何浏览器、任何版本上都从未奏效过,即使是刚安装的浏览器且未安装任何浏览器插件。
我附上了我的插件列表,以防万一与其中某个插件有冲突?
否则,如之前所述,没有特别的步骤,只需启用组件,将其设置为“内联”模式即可。

插件 版本
discourse-assign
为主题分配用户
1.0.1
discourse-bbcode-color
一个 Discourse 插件,用于支持 BBCode 颜色标签。
0.2
discourse-cakeday
在用户生日和/或加入 Discourse 的日期显示生日蛋糕。
0.3
discourse-calendar
在主题的第一个帖子中显示日历
0.3
discourse-checklist
为 Discourse 添加清单支持
0.4.1
discourse-docs
一个插件,可轻松浏览和查找 Discourse 中的知识库文档
0.1
discourse-math
Discourse 的官方 mathjax 插件
0.9
discourse-plugin-site-setting-override
覆盖站点设置的示例插件
1.0.0
discourse-policy
将策略应用于 Discourse 主题
0.1
discourse-reactions
允许用户用表情符号回应帖子
0.2
discourse-shared-edits
在 Discourse 中协作编辑帖子
0.1.0
discourse-teambuild
Discourse 的团队建设练习
0.0.1
discourse-topic-voting
增加了在指定类别中对功能进行投票的能力。
0.5
discourse-whos-online
在屏幕顶部显示在线用户列表
2
docker_manager
Discourse 镜像的 Docker 管理器
0.1

编辑:
抱歉之前没考虑到,但我可以在浏览器控制台中看到错误:

来自源 "" 的对 'https://ddhctjh.s3.us-east-2.amazonaws.com/original/2X/d/d9b0bb43744e74691b087.pdf?X-Amz-Algorithm=..............'(从 'https://dfgdfg.dfg/secure-uploads/original/2X/d/d9b0bb474687.pdf' 重定向)的 fetch 请求已被 CORS 策略阻止:请求的资源上没有 'Access-Control-Allow-Origin' 标头。如果一个不透明的响应能满足您的需求,请将请求的模式设置为 'no-cors' 以禁用 CORS 获取资源。
2 个赞

我在这里做一个测试。暂时启用了插件。对我来说可以吗?对你呢?(编辑:测试后移除了主题组件 - 我和 @Alon1 已确认可用)

sample-pdf-with-images.pdf (3.8 MB)

2 个赞

太棒了!这个错误可能会帮助其他人查明您网站问题的根源。

2 个赞

是的!

2 个赞

我可以确认,如果我安装一个浏览器插件:https://mybrowseraddon.com/access-control-allow-origin.html 并切换CORS,该插件会起作用
当然,这不是一个解决方案,但可能有助于阐明问题。

2 个赞

我不知道那个CORS错误是什么意思。但看起来你正在接近你问题的根源!

2 个赞

据我所知,这是一个跨域问题。因为我将文件存储在 S3(“启用 S3 上传”)上,所以资源的域是 amazonaws.com,这与我的 Discourse 安装域不同。

2 个赞

也许您需要查看“cors origins”管理员设置?

3 个赞