将图像上传到不同大小的 Firebase 存储

Posted

技术标签:

【中文标题】将图像上传到不同大小的 Firebase 存储【英文标题】:Upload image to firebase storage with different sizes 【发布时间】:2021-06-02 17:59:57 【问题描述】:

我是这个领域的新手。我需要上传一张图片并调整它的大小(小(h:100,w:100),中(h:200,w:200), (large(h:300,w:300)) 并将这三个不同大小的图像存储到 Firebase 存储中。

我的代码:它上传一张图片并将其存储到 Firebase 存储中。没有了!!!

Above html form with input file and button onclick=uploadimage()

你能帮帮我吗!!!

【问题讨论】:

请将您的代码包含为文本而不是图像,并包含任何回溯错误 【参考方案1】:

您可以使用专用于调整图像大小的 Firebase 扩展:https://firebase.google.com/products/extensions/storage-resize-images

使用此扩展程序创建上传到的图像的调整大小版本 一个 Cloud Storage 存储分区。

当您将图片文件上传到指定的 Cloud Storage 存储分区时, 这个扩展:

使用您指定的尺寸创建调整大小的图像。 使用与上传的原始图像相同的名称命名调整大小的图像,但后缀为您指定的宽度和高度。 将调整大小的图像存储在与上传的原始图像相同的存储桶中。

您甚至可以配置扩展程序来创建调整大小的图像 每个原始图像上传的不同尺寸。例如,你 可能需要 200x200、400x400 和 680x680 的图像 - 这个 扩展程序可以创建这三个调整大小的图像,然后将它们存储在 你的桶。

【讨论】:

有没有办法为不同的文件夹设置不同的调整大小选项? @Unknown2433 您可以部署具有不同配置的同一扩展的多个实例。由于您可以配置调整后图像的大小以及包含要调整大小的图像的路径,因此应该可以解决问题。 我可以在路径中使用文件名吗?例如/rooms/*/0.jpg 将调整0.jpg 文件的大小? @Unknown2433 我不这么认为。但我可能错了:你应该试一试! 你是对的。 /rooms/*/0.jpg 不起作用。

以上是关于将图像上传到不同大小的 Firebase 存储的主要内容,如果未能解决你的问题,请参考以下文章

如何在将图像上传到 Firebase 存储之前对其进行压缩?

如何在将图像上传到 Firebase 之前调整其大小?

如何将图像从前端(reactjs)传递到后端(nodejs)并将其上传到firebase存储?

Flutter - 将图像上传到 Firebase 存储

将多个图像的异步图像上传到firebase存储

减小图像大小后如何将图像上传到firebase反应本机