safari - 设置 w（宽度）和裁剪查询时，Wordpress 图像在 Safari 上返回 403

Question

我的页面中有一张图片指向使用 Wordpress 引擎托管的以下 URL：https ://content.thriveglobal.com/wp-content/uploads/2021/01/shutterstock_1450164881.jpg?w=1200&crop=0,0,100,78

在 Chrome 和 Firefox 上加载图像时，图像加载没有问题，但在 Safari 上加载时，请求为图像返回 403。如果我删除查询字符串上的 2 个属性之一，它可以正常工作，但使用?w=1200&crop=0,0,100,78or请求?crop=0,0,100,78&w=1200，它仅在 Safari 上返回 403。

我还注意到，当格式.jpeg不是.jpg. 仅 Safari 上的这种行为是否有真正的解释？

标签： safari

Answer 1

刚刚我自己在所有浏览器上进行了一些测试，虚拟和物理设备。我无法重现您的问题。

如果有问题，我会说它来自 url 编码，可能是 coma 的。

特点	来自 UTF-8
,	%2C

• 来源@https ://www.w3schools.com/tags/ref_urlencode.ASP

替换昏迷的编码%2C可能会解决您的问题。试试下面的。

?w=1200&crop=0%2C0%2C100%2C78

https://content.thriveglobal.com/wp-content/uploads/2021/01/shutterstock_1450164881.jpg?w=1200&crop=0%2C0%2C100%2C78