firebase-storage 相关问题

Fire Storage for Firebase(以前称为Firebase存储)通过处理网络中断并提供直观的授权模型,为开发人员提供了强大,安全的Firebase SDK上传和下载。 Firebase存储由Google云端存储提供支持,允许您从原型扩展到生产。

如何获取上传到 Firebase 的图像的 URL 并将其添加到 MongoDB 对象?

我正在开发一个博客,用户可以提出一个标题并编写一些内容来创建博客文章。还有一个选项可以为您的帖子添加图片。 我正在开发一个博客,用户可以提出一个标题并编写一些内容来创建博客文章。还有一个选项可以为您的帖子添加图片。 <Form.Group className="my-2" controlId="content"> <label>Image</label> <input type="file" placeholder="Image" onChange={handleImageChange} ></input> </Form.Group> 图像存储在 Firebase 内。发布文章和上传图像都按预期工作。 const handleImageChange = (e) => { if (e.target.files[0]) { setImage(e.target.files[0]); } }; const submitHandler = async (e) => { e.preventDefault(); const username = userInfo.name; const imageName = image.name; const imageRef = ref(storage, `images/${imageName}`); uploadBytes(imageRef, image).then((snapshot) => { getDownloadURL(snapshot.ref).then((url) => { setImageUrl(url); }); }); try { const res = await write({ title, content, username, placement, image: imageUrl, }).unwrap(); navigate("/"); toast.success("Article Added!"); } catch (err) { toast.error(err?.data?.message || err.error); } }; handleImage仅选择您选择的第一张图片并上传。 submitHandler 完成大部分代码。 它首先上传图像,然后生成 URL。 setImageUrl 获取 URL 并将其添加到 state,并在其正下方将 URL 添加到博客的 image 路径。在 SingleBlog 组件内部,我正在映射数据,包括图像。 <div> <h1 className={styles.title}>{blog.title}</h1> <p>by {blog.author}</p> <img src={blog.image} alt="" fill className={styles.image} /> <p>{blog.content}</p> </div> 我遇到的问题(我认为)是在创建博客文章之后生成 URL,因此经常会为对象留下图像路径的空字符串。如果我在文章架构中包含 required: true,有时可以足够快地生成 URL 并将其包含在路径中。 我想知道解决我的问题的最佳方案是什么。我想做的是创建一个包含标题、内容和图像路径的博客,然后一次性上传所有内容并将其保存在我的 MongoDB 中,以便我可以映射数据并使用 img 标签在屏幕上显示图像. 在 Promise 上调用 then 不会像 await 那样阻止该代码的进度。它只是设置一个回调,以便稍后在 Promise 解析时调用。您应该对 Firebase Storage 返回的承诺使用 wait 以使代码按顺序执行。 const snapshot = await uploadBytes(imageRef, image); const url = await getDownloadURL(snapshot.ref) setImageUrl(url);

回答 1 投票 0

等待图像上传,然后再继续使用 Firebase Storage 功能

我正在尝试使用 Firebase 存储上传图像。我遇到的问题是,当我调用图像上传函数时,上传任务非常慢,并且最终在我的主函数中最后运行

回答 2 投票 0

如何在java firebase中运行异步方法

我想将用户的详细信息存储到 firebase 数据库中,但我想首先将图像存储到 storageRef 中,然后使用在最终之前返回的图像 url 作为我的个人资料图像链接

回答 1 投票 0

firebase admin sdk 在存储模拟器上使用 ssl

我通过环境变量将 STORAGE_EMULATOR_HOST=localhost:9199 和 STORAGE_EMULATOR_HOST=127.0.0.1:9199 传递给 docker 容器。在这两种情况下,管理 sdk 都会尝试连接到存储模拟器...

回答 1 投票 0

如何使用javascript在Firebase Storage中使用MediaRecorder存储浏览器的屏幕录制文件

我可以使用 MediaRecorder 在浏览器中录制屏幕,可以预览它,也可以在停止录制后下载 .webm 格式的文件。现在,我想将此文件存储在

回答 1 投票 0

Android Firebase 存储:getFile() 失败并创建 0 字节的文件

我在 Android (SDK 34) 上使用 Firebase API 将文件从我的存储桶下载到我的共享下载文件夹。但是,当我调用 StorageReference.getFile(Uri uri) 时,它在创建 0

回答 1 投票 0

Firebase 存储:对象不存在图像上传路径错误

每次尝试将图像添加到云上的 firebase 时,我都会收到错误。 FirebaseError:Firebase存储:对象'项目/屏幕截图于5月22日07-33-37.png9573dc82-ec43-4789-88ec-e93727d...

回答 2 投票 0

从 Firebase 存储获取图像

我在从 Firebase 获取图像时遇到问题,我创建了一个将图像保存到存储的函数,它运行良好,但同时我想向用户显示该图像,但它没有.. .

回答 1 投票 0

尝试构建 Windows 的 flutter 应用程序时出现 LNK2001 错误

最近Firebase官方软件包包括(Firebase_Auth、cloud_Firestore和Firebase_storage)开始支持Windows平台。在此之前,我使用社区包来实现

回答 1 投票 0

如何让经过 Firebase 身份验证的用户能够将 zip 文件上传到 Cloud Storage for Firebase?

我正在尝试编写与 Firebase 交互的 Dart 代码,以便该代码上传用户上传到 Cloud Storage 的照片的 zip 文件。这是我的代码: 最终 tempDir = 等待 getTemporaryDir...

回答 1 投票 0

Firebase 存储和访问控制允许来源

我正在尝试通过 XMLHttpRequest 从 Firebase Storage 下载文件,但资源上未设置 Access-Control-Allow-Origin,因此这是不可能的。有什么办法可以设置这个标题...

回答 5 投票 0

无法读取未定义的属性(读取“路径”)Firebase ref 函数冲突

错误: 未捕获(承诺中)类型错误:无法读取未定义的属性(读取“路径”) 根据我的测试, 导入 { getStorage, ref, uploadBytesResumable, getDownloadURL } 来自&...

回答 2 投票 0

多种图像尺寸| Firebase 存储

我正在尝试根据上传的文件创建缩略图,但我不确定这是否是实现此目的的正确方法。现在下面的代码不断创建缩略图。 if (文件名.startsWith(THUMB_PRE...

回答 1 投票 0

在 React Native 中使用 Async Await 函数作为按钮的 OnPress

我对 React Native 和 JavaScript 都很陌生。尤其是JSX等,我才刚刚开始学习。我有一个按钮,按下该按钮后应执行以下操作: 常量上传...

回答 1 投票 0

从flutter上传图片到firebase的问题

我正在尝试上传图片 用户的所有数据都已成功存储,图像也已上传,但图像有问题,Firebase 中没有图像的类型

回答 2 投票 0

如何加密 Firebase(客户端)中的文件存储?

我正在构建一个 Electron 应用程序并实现云存储支持。用户可以将我的应用程序中的文件上传到他们的帐户。我,作为管理员,我不希望能够通过

回答 1 投票 0

需要帮助捕获 flutter 上的 firebase 用户权限错误

我对抛出的这个拒绝许可的异常感到非常困惑,但无论我做什么都无法捕获它。 这是我的功能: 未来 uploadDataToStorage(字符串用户,...

回答 1 投票 0

上传到 firestore 在调试时有效,但在发布时无效

我需要上传图像文件到firestore 未来 _uploadImage() 异步 { FirebaseStorage.instance .ref('$id/${FirebaseAuth.instance.currentUser?.uid}_1.png') .putData(_imageFil...

回答 1 投票 0

不知道为什么我无法显示来自 firebase 的图像

我尝试了一段时间从我的 Firebase 存储中获取一些图像,但一无所获。 这是代码: 导入“包:firebase_storage/firebase_storage.dart”; 导入'包:flutter/material...

回答 1 投票 0

Flutter 和 Firebase 的循环操作

我正在尝试使用 Flutter 和 Firebase 制作一个存储系统。当用户将文件上传到应用程序时,该文件将存储在 Firebase Storage 中,并在 Fir 中为该文件创建一个文档...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.