没有文件扩展名时，Baguette Box无法使用AmazonS3 URL

Posted 2021-05-07

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

我猜Baguette Box由于缺少图像扩展而无法自动将其识别为图像，当我点击链接时，图像正在打开而不使用Baguette Box。

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

baguetteBox.run('#PhotoContainer');

网址示例：

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

有没有人知道如何在没有扩展的情况下使其工作（包括文件上的扩展名Key不是一个选项）。

答案

我收到了一个答案，如何让它在下面的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 });