Flutter将图像上传到firebase存储，然后将其写入firestore
Flutter是一种跨平台的移动应用开发框架，可以帮助开发者快速构建高性能、美观的移动应用程序。Firebase是Google提供的一套云端开发平台，提供了多种云服务，包括存储、数据库、身份认证等。
要将图像上传到Firebase存储并将其写入Firestore，可以按照以下步骤进行操作：
- 集成Firebase：在Flutter项目中集成Firebase SDK，可以通过在项目的pubspec.yaml文件中添加firebase_core和firebase_storage依赖来实现。
- 配置Firebase项目：在Firebase控制台创建一个新项目，并将生成的google-services.json文件放置在Flutter项目的android/app目录下，以便与Android应用程序进行集成。对于iOS应用程序，将GoogleService-Info.plist文件放置在Flutter项目的ios/Runner目录下。
- 初始化Firebase：在Flutter应用程序的入口文件中，使用Firebase.initializeApp()方法初始化Firebase。
- 图像上传到Firebase存储：使用Firebase Storage SDK提供的方法，将图像上传到Firebase存储。可以使用putFile()方法将图像文件上传到指定的存储路径。
- 获取图像的下载URL：一旦图像成功上传到Firebase存储，可以使用getDownloadURL()方法获取图像的下载URL。这个URL可以用于在应用程序中显示图像或将其保存到Firestore中。
- 将图像写入Firestore：使用Firebase Firestore SDK提供的方法，将图像的下载URL以及其他相关信息写入Firestore数据库。可以使用set()或update()方法将数据写入指定的集合和文档。
总结： Flutter可以通过集成Firebase SDK来实现将图像上传到Firebase存储并将其写入Firestore的功能。Firebase提供了存储和数据库服务，可以方便地处理图像和相关数据。通过使用Firebase的存储和Firestore SDK，开发者可以轻松实现这一功能。
腾讯云相关产品推荐：
- 腾讯云对象存储（COS）：提供可扩展的云端存储服务，适用于存储和管理图像等文件。详情请参考：腾讯云对象存储（COS）
- 腾讯云云数据库MongoDB版：提供高性能、可扩展的NoSQL数据库服务，适用于存储和查询Firestore中的数据。详情请参考：腾讯云云数据库MongoDB版
相关·内容
我正在做一个程序，每当用户注册，他们需要上传图像到firebase存储，然后所有的登录数据和图像网址将被写入firestore的图像上传，这是我的代码： void signUp(String _emailpassword: _password) await uploadImage(image).then((value) {
_firestore.collect
浏览 42提问于2020-12-08得票数 1
回答已采纳
/example/lib/main.dart 我唯一的改变是从Firestore数据库中获取图像集，而不是图像集列表。import 'package:carousel_slider/carousel_slider.dart';import 'package:flutter
浏览 31提问于2019-12-04得票数 0
1回答
我正在尝试创建一个管理应用程序，该应用程序可以选择图像并将其上传到Firebase存储，然后，我希望图像URL自动反映在将数据发送到客户端应用程序的文档中。唯一的问题是，我只知道如何从管理应用程序将图像上传到Firebase存储。我还没有想出一种方法，至于我如何在Cloud Firestore中将图像URL放入我的文档中。我使用
浏览 0提问于2020-10-29得票数 1
1回答
我使用Vue3和Firestore。我想在我写作的时候附上一张图片。我可以使用存储来允许用户将图像附加到自动生成的字段中吗？content.value, createdAt, updatedAt, uid, name, views, likeCount, dislikeCount, likeuid )我是否可以将附加图像的代码插入add()代码并将其保存在存储</em
浏览 5提问于2021-06-01得票数 0
回答已采纳
我使用下面的代码从图库中选择要上传到Flutter应用程序的Firebase存储中的图像，但我希望如果用户没有选择图像，则应将资源中的默认图像上传到firebase存储中。我应该为从资源中选择的图像编写什么代码，并将其设置为等于File avatarImageFile，以便可以在flutter应用程序中将其上传到Fire
浏览 15提问于2020-06-08得票数 4
回答已采纳
正如你可以从标题中看到的，我想问是否有可能存储一个像文本文档一样的文档，其中包含一个标题和一个文本(我想让它像一篇文章一样)以及这个“文章”我想保存一个可以显示在“文章”顶部的图像。提前感谢
浏览 0提问于2020-05-13得票数 0
我正在尝试将图像添加到firebase存储中，并使用图像URL将数据添加到firestore中。图像正在上传到firebase存储，但是如果我使用getDownloadUrl方法，它不会返回URL。它返回这个错误： 未捕获的TypeError:无法读取未定义的属性“”getDownloadURL“” 下面是我获取输入和存储数据的方式： //Add news to
浏览 14提问于2020-04-07得票数 0
回答已采纳
在艰难地将图像上传到Firebase存储并将其保存到用户Firebase firestore之后，我终于成功地实现了这一点。; } const getUserData = async () => { .firestore().firestore()
.collection("users
浏览 15提问于2021-08-01得票数 0
1回答
我希望从Firestore检索图像，并在用户登录时将其存储在模型上。 String userID; String email;}
在注册过程中
浏览 0提问于2020-07-12得票数 1
回答已采纳
(No implementation found for method DocumentReference#set on channel plugins.flutter.io/firebase_firestore我工作的想法是将图像上传到firebase存储中，并将数据保存在防火墙集合中。所有的firebase服务都不适用于我、Authintication、FireStore和Storage。cateNam
浏览 23提问于2022-08-30得票数 0
回答已采纳
我使用Flutter将图片上传到Firebase，并有一个submit()函数，该函数在我提交表单时触发。在提交时，我验证提交的内容是否准确，然后调用uploadFile函数将指定的图像上传到Firebase存储并返回我设置为urlForPost的URL。我希望在触发将其上传到urlForPost的提交()函数的其余部分之前，等待这个FireBase值被设置。目前
浏览 29提问于2019-03-27得票数 0
我想上传图片到Firebase Storage，但我注意到大多数在线可用的代码(文档除外)都被弃用了。因为我是flutter的新手，所以我阅读了有关图像拾取器和firestore的文档。我能够弄清楚图像拾取器，但上传到firestore的桶中给我带来了很大的困难。{ } });
} 现在我不知道如
浏览 29提问于2020-12-30得票数 1
回答已采纳
对于我的iOS应用程序，我希望用户能够访问我提供的一组图像(但不添加任何图片)。然而，在应用程序已经发布之后，我将向这个集合添加更多的图像，所以我认为最好的配置方法是将这些图像添加到Firebase存储区(应用程序已经在使用FirebaseAuthentication和Firestore这些图片将已经出现在谷歌硬盘上。我是否需要以编程方式将它们添加到Firebase存储中，还是有更简单的方法？或者，
浏览 8提问于2020-08-29得票数 1
回答已采纳
我正在尝试使用web javascript将图像上传到firebase云存储上。我在控制台上看到"firebase.firestore ()不是一个函数“。我走错路了吗？我已经完成了在firebase数据库上插入和获取数据。但是我不得不停下来把图片上传到firebase云存储上。<script src="https:&#
浏览 3提问于2019-07-26得票数 3
当一个图像上传到Firebase存储时，我使用一个云函数来调整它的大小。然后，我将该图像的URL插入到Firestore DB中。：console我将存储桶设置为允许读取。this
// const [fileMeta]
浏览 46提问于2019-06-10得票数 0
有了我的代码，我现在能够从每个用户uid文档的云Firestore中获取用户信息，但我希望用户能够将图像添加到firebase存储中，然后获得此图像，添加到特定的用户uid文档中，并在应用程序上显示。基本上，我知道如何获取已有的数据，只是不知道如何更新用户文档，尤其是图像。下面是我为用户配置文件准备的代码：
import 'package:cloud_firestore/clou
浏览 15提问于2021-03-01得票数 0
回答已采纳
1回答
我正在尝试将映射添加到fire-store中的键。在控制台中获取undefined，并在firetsore中添加一个空映射。 我正在上传一个多个文件在存储和获取imageUrls一次。getFileName(image.name)]); ); }; 上传文件后，我正在尝试将此映射添加到文档中，并将其添加到firestore中。Utitlity函数将文件名存储为key。const ge
浏览 16提问于2021-10-19得票数 0
1回答
我想将图像上传到FireBase存储，然后将图像url保存到firebase firestore数据库。它可以工作50%的时间，但有时url显示为空。fileRef.getDownloadURL()) db.collection("campaigns").doc(campaignName).update({
images: firebase.firestore
浏览 2提问于2020-11-18得票数 0
我想将照片添加到firestore中。你能告诉我怎么做吗？import 'package:flutter/material.dart';import 'style.dart';
import
浏览 0提问于2018-05-22得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
