涉及客户端JS预处理的上传在基于Chrome的浏览器中失败

错误
1

在使用基于 Chrome 的移动浏览器（Chrome、Cromite、Brave）在 Discourse 论坛发帖时，尝试附加“较大”尺寸（1MB 以上）的图片时，上传会失败。在 Firefox 中可以正常工作。

上传据称已启动，状态消息停留在“正在处理上传”——但上传从未开始（没有进度），并且一直卡在那里。在某些情况下，上传甚至从未启动，界面会返回到编辑界面，就好像从未尝试过上传一样。

操作系统：Pixel 9 Pro 搭载 GrapheneOS（Android 15）。使用 Adaway（基于主机的广告拦截）的 VPN 模式，但似乎没有区别（无论是否激活，Firefox 都可以正常工作，基于 Chrome 的浏览器无论如何都会失败）。在所有我能测试的上行链路（所有 WiFi 和两个不同的移动数据提供商）上也会发生这种情况。

我已将其缩小到客户端预处理 media-optimization-worker.js JavaScript 未加载：

image
image2394×1136 444 KB

fetch 请求因未知原因被取消。对于较小的图片，由于已经足够小而未使用此 media-optimization-worker，一切都按预期工作。在移动版 Firefox 中，所有情况都可以正常工作（但移动版 Firefox 中的 Discourse UI 仍然非常糟糕，所以……）。

我也已在我的浏览器存储库中记录了此错误：https://github.com/uazo/cromite/issues/1679。

我在 try.discourse.org 上进行了测试，那里也发生了这种情况。欢迎任何提示。

2

你是否也在 nginx 中进行了更改？

3

我作为用户遇到了这个问题，我自己并不运行任何 Discourse。但由于它在我作为用户使用的 Discourse 实例（horlogeforum.nl，由专业的 Discourse 托管合作伙伴运营）和 try.discourse.org 上都会出现，我认为这些设置已经正确完成。

而且它在 Firefox 中不会出现，所以如果有什么改变导致了这个问题，我应该会期望所有东西都失败……

从我能从调试日志中看到的情况来看，问题似乎是 media-optimization-worker.js 这个 JavaScript 本身加载不成功；UI 甚至没有尝试实际上传。

4

我建议您与特定论坛管理员联系，因为后端需要配置以适应大文件大小。这将有助于隔离问题（并非说这不是一个问题）。

5

同样，它也发生在 try.discourse.org 上。
大文件上传在客户端被调整大小本身并不是问题，因为这在 Firefox 中运行正常。执行此操作的 JavaScript 在基于 Chrome 的浏览器中无法加载。

1 个赞
6

好的，抱歉，我明白了。

7

请求如此快速地被“取消”的最常见原因是浏览器扩展（例如广告拦截器等）。您能否仔细检查一下是否启用了任何此类扩展？另外，也请检查一下在隐身模式下是否也出现同样的问题？

顺便说一句，我能够使用 Chrome 毫无问题地上传大图片。media-optimization-worker.js 文件加载成功。

3 个赞
8

这也是我最初的想法。我常用的浏览器是 Cromite，它确实包含一些反广告、反跟踪功能——但即使在未经修改的、原生的 Google Play Chrome 中也会出现这种情况。我手机上安装了 AdAway，但无论它是否处于活动状态，问题都依然存在。

我还没试过——我会测试一下然后回复。

为了清楚起见，您说的是Android 上的 Chrome吗？如果是，是哪个 Android 版本？桌面版 Chrome 在这里也没有任何问题。Firefox 在任何地方也能很好地加载它。

1 个赞
9

在这里使用运行 Android 14 的 Chrome 132.0.6834.79 上传一个或多个 4.3MB 的图片到 try.discourse.org 没有问题。

2 个赞