没有文件扩展名时,Baguette Box 无法与 AmazonS3 URL 一起使用

Baguette Box not working with AmazonS3 URL when there is no file extension

我开始使用 AmazonS3 存储文件和图像,我注意到 Baguette Box 停止工作,因为 AmazonS3 图像 URL 不包含文件扩展名(如 .jpg),仅包含文件密钥。

我猜 Baguette Box 不会自动将其识别为图像,因为缺少图像扩展名,当我单击 link 时,图像以不使用 Baguette Box 的方式打开。

我只是使用下面的代码来调用 Baguette Box:

baguetteBox.run('#PhotoContainer');

URL 示例:

https://mybucket-com.s3.amazonaws.com/1bf8e7a2-a7ca-49ca-ab52-086ead4aa46e

有谁知道如何让它在没有扩展名的情况下工作(包括文件密钥上的扩展名不是一个选项)。

我收到了如何使其在下面的 github 问题上起作用的答案:

Baguette Box not working with AmazonS3 URL when there is no file extension

解决方案包括一个过滤器,考虑亚马逊 URL 的一部分,并且效果很好,如下例所示:

baguetteBox.run('#PhotoContainer', {  filter: /.*amazonaws.*/i });

或者可以使用过滤器来考虑所有标签,例如:

baguetteBox.run('#PhotoContainer', { filter: /.*/i });