Firebase/Firecloud & React -如何存储配置文件图像，以不需要80种不同的读取来显示所有80张图像？
Firebase/Firecloud是一种云计算平台，提供了一系列的后端服务和工具，用于开发和托管移动应用、Web应用和服务器端应用。React是一种流行的前端开发框架，用于构建用户界面。
在Firebase/Firecloud中存储配置文件图像，并以不需要80种不同的读取来显示所有80张图像，可以采用以下步骤：
- 创建一个Firebase/Firecloud项目并设置存储服务。在Firebase/Firecloud控制台中，选择存储服务并创建一个存储桶。
- 将配置文件图像上传到存储桶。可以使用Firebase/Firecloud提供的SDK或者命令行工具将图像文件上传到存储桶中。
- 在React应用中使用Firebase/Firecloud SDK读取存储桶中的图像。通过使用Firebase/Firecloud SDK提供的API，可以轻松地从存储桶中读取图像。
- 为了不需要80种不同的读取来显示所有80张图像，可以在存储桶中创建一个配置文件，用于存储图像的相关信息，例如文件名、URL等。可以使用Firebase/Firecloud的数据库服务来创建和管理这个配置文件。
- 在React应用中使用Firebase/Firecloud SDK读取配置文件，并根据配置文件中的信息来显示图像。通过读取配置文件，可以获取所有图像的相关信息，然后根据需要选择性地加载和显示图像。
优势：
- Firebase/Firecloud提供了可靠的存储服务，可以轻松地上传和管理图像文件。
- Firebase/Firecloud的SDK提供了简单易用的API，可以方便地读取和显示存储桶中的图像。
- 使用配置文件来管理图像信息，可以减少读取的种类，提高应用性能和效率。
应用场景：
- 在移动应用或Web应用中需要存储和显示大量的图像文件时，可以使用Firebase/Firecloud来管理和提供这些图像。
- 当需要根据不同的条件或需求来选择性地加载和显示图像时，可以使用配置文件来管理图像信息。
推荐的腾讯云相关产品：
- 腾讯云对象存储（COS）：提供可扩展的云存储服务，适用于存储和管理大量的图像文件。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云数据库MongoDB：提供高性能、可扩展的NoSQL数据库服务，适用于存储和管理配置文件等相关信息。产品介绍链接：https://cloud.tencent.com/product/mongodb
相关·内容
1回答
Firebase/Firecloud & React -如何存储配置文件图像，以不需要80种不同的读取来显示所有80张图像？
reactjs、image、firebase、google-cloud-firestore、icons
我正在设置一个React和Firecloud应用程序，它根据一组约束来显示配置文件。根据用户的选择，将显示+- 10-100配置文件快照，包括配置文件图像/图标。所有在线建议似乎都指向将Firebase存储与my Collections文档中的图像链接一起使用。现在在我看来，这意味着每次用户更改限制或刷新(信息经常发生变化，所以不愿依赖
浏览 14提问于2019-09-12得票数 0
1回答
将图像上传到防火墙存储中，并作为用户配置文件图片检索
react-native、expo、firebase-storage
使用本机与世博会，CLI和Firebase。我正在创建一个配置文件屏幕使用的反应本机图像选择器，我想上传使用图像选择器选择的图像到防火墙云中。但我不知道该如何做。请帮帮我！下面是一个代码片段：import React, { useState, useEffect } from 'react';
import { Button, Image, View, Platform} from
浏览 8提问于2022-07-06得票数 1
回答已采纳
1回答
如何检索存储在防火墙存储中的图像？
android、firebase、firebase-realtime-database、firebase-storage
如何使用毕加索一次检索一个图像，以显示当前登录用户的配置文件图片？我在堆栈溢出上看到了许多其他解决方案，但它们都与回收器视图相关，用于以列表格式显示所有图像。简而言之，如何引用Firebase存储来获取图像？提前谢谢。
浏览 4提问于2020-04-19得票数 0
回答已采纳
1回答
如何在Object.key.map()中使用ReactJS？
javascript、reactjs、firebase
我正在学习ReactJS，并用它和Firebase制作一个网站。
我想在Firebase中显示所有的图像，但我不知道该如何做，我的代码也不起作用。我在Firebase存储中获得了所有图像的url，并将它们放入数组中。当I console.log(imageObejct)时，它将正确显示所有链接。但是我的渲染(object.key
浏览 0提问于2019-08-18得票数 0
回答已采纳
1回答
Firebase中的随机轮廓图像
swift、firebase、firebase-storage
我想知道，对于像和这样的东西，什么是最好的方法，但是要迅速地将它们存储到Firebase中，并指定为profileImage。我想出的另一件事是制作图像url-s数组，注册时，随机选择一个url并存储它。这样做可以吗？
你们能带我去正确的方向吗？
浏览 1提问于2016-11-07得票数 1
回答已采纳
3回答
React，Redux和Firebase
reactjs、firebase、redux
我开始使用react (已经用了几个星期了)，现在我无意中发现了使用redux和redux的防火墙。它们使用firebase (或firestore)存储数据，然后使用Redux与客户端进行通信。但是，这对我来说没有意义，因为简单地使用firebase，只使用它提供的get和set方法来直接更新防火墙中的数据，岂不是简单得多吗？使用Redux作为中间地带有什么意义？例如，如果我要制作一个web应用程序:您可以登录，然后有一个仪表板，其中有许多不同<em
浏览 2提问于2020-06-11得票数 1
回答已采纳
3回答
将钩子-集状态变量从另一个函数的允诺中反应出来
javascript、reactjs、react-hooks、es6-promise
我试图不将我的所有代码都写在同一个文件中，并提取常用的函数，比如从Firebase下载图像到单独的函数/文件。我在React中有两个函数
OfferCard (基于props)getImage (从Firebase存储获取图像的下载-URL，以向OfferCard组件提供图像)。我试图从getImage中获取一个图像文件，并在返回<em
浏览 1提问于2020-08-31得票数 1
回答已采纳
1回答
如何在Java中授予Firestore读取访问权限
java、firebase、google-cloud-platform、google-cloud-firestore、file-io
我能够访问我的浏览器窗口上的Firestore。我想把这个图像url转换成BufferedImage后，我必须找到子图像，以获得条形码值显示在我的图像。下面是代码，我使用Firestore连接了我的桶，并根据条件从桶中选择了几个图像。
写入/读取的规则是允许读、写:如果为真，则在Fi还原存储中。java.desktop/javax.imagei
浏览 11提问于2022-06-16得票数 0
回答已采纳
1回答
Android App查看云存储上传图片
android、firebase、firebase-realtime-database、google-cloud-storage、android-developer-api
我有一个目录Android应用程序，我正在建设，以显示不同的目录从不同的本地商店。目录基本上是图像(JPG)格式的页面。我希望每个商店都有自己的活动，启动一个目录。根据我的研究，我可以通过创建一个指向存储桶的存储引用来实现这一点，该存储桶在google云存储上保存这些图像。我已经创建了一个存储
浏览 3提问于2018-07-24得票数 0
2回答
指向类中BitmapImage的指针
c#、class、pointers、bitmapimage
将会有许多从这个类创建的对象。每个对象都需要包含工厂的BitmapImage。首先:这是个好主意吗？其次，我该如何实现它？
浏览 0提问于2013-06-07得票数 1
回答已采纳
1回答
如何在angular索引文件中按网站域名为不同云服务桶中的资产提供服务
angular、assets、cdn
由于政治原因，我们的目标是从两个云服务桶(AWS)和阿里云(ALIYUN)提供图像和字体资产。 中国客户不想在AWS上查看来自美国服务的图像/字体，所以我们需要从阿里云为他们提供服务。因此，当域名不在中国时，angular网站将提供来自AWS的资产，当域名在中国时，将提供来自阿里云的资产。 到目前为止，我的策略涉及在全局scss文件中使用域基变量。此变量将在SCSS文件中预置所有资产的url，因此它看起来如下所示： doma
浏览 23提问于2019-12-27得票数 1
2回答
Javascript异步如何等待不同数量的uploadTasks全部完成？
javascript、firebase、async-await、firebase-storage
我有需要执行以下操作的saveBlogPost()函数：
浏览 0提问于2019-06-07得票数 0
回答已采纳
2回答
我是Ubuntu的新手。此命令用于xcowsay配置文件，当我使用source命令时，它是一个错误：-bash: alt-image=/home/abc/Documents/b_st_159.png: No such fileDocuments/b_st_159.png测试，错误相同，但该文件已经存在于这个目录：$HOME/Documents/b_st_159.png中，当使用ls -la ~/Documents进行检查时，该文件显示为绿行\\
$ file b
浏览 0提问于2021-05-17得票数 1
1回答
将图像从Firebase存储链接到Firestore文档，并在React本机中显示它们
firebase、react-native、google-cloud-firestore、firebase-storage
背景
我正在尝试手动将图像上传到firebase存储(使用网页中的“上传文件”按钮)，但是我不知道以后如何将它们链接到一个消防局文档。我不能让它工作的原因是我对本机的反应非常新，除了输入特定的本地路径之外，我不知道如何正确地要求图像。请注意，我需要用户数据(比如配置文件名)的方式是在使用电子邮件/密码登录之后，我将数据作为参数传递以响应导航，并要求其为e
浏览 3提问于2020-11-18得票数 0
回答已采纳
1回答
继续操作前等待图片上传响应
firebase、function、react-native、promise、image-uploading
因此，我正在开发一个用于数组中多个图像的上载函数。经过许多努力，我终于让我的上传功能工作，图像显示在Firebase数据库中。然而，在继续之前，我还没有找到一种有效的方法来确保我的上传功能完成。下面是我调用upload函数并尝试将响应存储在uploadurl中的部分，uploadurl变量稍后将在调度函数中使用，以存储url和其他数据。这可以达到上传图像的
浏览 18提问于2019-12-08得票数 0
回答已采纳
3回答
如何在文件系统中动态存储图像？
php、database、image
我们需要存储大量的图像。我们认为将图像存储在文件系统中并将路径存储在数据库中会是一个更好的选择。但是我们必须手动保存它们吗？我们正在使用来自另一个网站的web服务来获取图像。有没有办法在文件系统中动态保存图像？？
浏览 3提问于2009-07-30得票数 1
1回答
Android Studio Firebase镜像导致OOM
java、android、performance、firebase、android-studio
我注意到我的内存在稳步增加，在大约500mb的时候，我的应用程序停止显示图像。我正在使用Firebase存储来获取图像<
浏览 0提问于2018-05-08得票数 0
3回答
云存储镜像未在.map列表中重定向
javascript、reactjs、react-native、google-cloud-storage、firebase-storage
我正在制作一个从我的Firebase Cloud Firestore中获取的.map中的帖子列表。我也有照片连接到每个帖子，我通过使用云存储中的post.title + '.jpg'来获取它们。帖子的标题很吸引人，但当使用fetchImage时，它不会显示在帖子中。它显示在console.log中。我也可以从控制台访问url，所以没什么问题。
有什么想法吗？{this.state.posts.map((post,
浏览 0提问于2018-10-16得票数 1
1回答
加强我的核心数据设计。只有专家！
core-data、nsfetchedresultscontroller、key-value-observing
在中，我正在下载最接近我的20个用户，并将他们的配置文件图片作为缩略图显示在一个表视图中。当NO的ID更改时，我将其设置为Photo，然后在下载完图像后返回到yes。
我应该将这四种不同的图像存储在Core数据中还是在文件系统中，并将它们的URL存储在Core数据中呢？我在某个地方读到，超过1或2MB，您应该存储在文件系统中，而不是核心数据。所以，我
浏览 4提问于2011-04-29得票数 0
回答已采纳
1回答
使用自定义的web为我的网站存储图像在哪里？
c#、reactjs、webapi
对于如何处理项目结构中的图像文件，我有点困惑。编辑:为了澄清，我前几天关于图片上传的讲座是关于如何将图像上传到webapi/wwwroot/images文件夹中，但这并不是我今天要问的问题，我想知道我在webapi中引用的<em
浏览 5提问于2022-11-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
