Firebase v9 上传图片仅显示 9 个字节

2024-01-08

我使用 React Native 和 Firebase (v9) 将图像上传到 Firebase。在 firebase 存储中,文件已上传,但大小只有 9 个字节,因此无法正常打开。我不知道如何解决这个问题:S

const uploadFiles = (file, name, storeKey) => {
    if(!file){
        console.log('no file exists')
        return;
    }
    const exe = file.substring(file.lastIndexOf('.'));
    const fileName = name + exe;
    const storageRef = ref(storage, `/files/${fileName}`);
    const uploadTask = uploadBytesResumable(storageRef, file);
    uploadTask.on('state_changed', null,
        (error) => {
            alert(error);
        },
        () => {
            getDownloadURL(uploadTask.snapshot.ref)
            .then((URL) => {
                setDoc(doc(db, 'Store', storeKey, 'coffeeDB', name), {postImage: URL}, {merge: true});
                console.log('url registered')
            });
        }
    )
}

鉴于您正在打电话file.substring(...), 看起来file是一个文件名。您不能仅通过传递文件名称来上传文件,因为这会存在安全风险。相反,你需要通过Blob | Uint8Array | ArrayBuffer如图所示here https://firebase.google.com/docs/reference/js/storage.md#uploadbytes and here https://firebase.google.com/docs/storage/web/upload-files#web-version-9_1,通常通过传递File您从中获取文件名的参考。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Firebase v9 上传图片仅显示 9 个字节 的相关文章

  • 渲染货币和符号并与来自不同单元格的数据相结合

    我正在使用最新的 jQuery DataTables v1 10 7 我正在尝试将数字解析为以下格式 239 90 USD 我可以使用此命令使货币正常工作 columns data Price render fn dataTable ren
  • 如何修改每个JSON对象javascript

    我想修改里面的每个 JSON 值cooldown object cooldown user 1 This user2 0 This 在 Javascript 中使用 for 语句 我研究了好几个小时 只找到了内部的 blocks Edit
  • Chrome 中的性能问题

    我目前正在从事一个相对较大的项目 使用 AngularJs 构建 应用程序的一部分是一个表单 您可以向其中添加任意数量的页面 不幸的是 添加了很多不必要的垃圾 即表示表单模型的对象可能会变得非常大 在某些时候 Chrome 基本上无法处理它
  • 使用 JavaScript 禁用第三方 cookie

    我正在努力根据所有在欧盟运营的公司的数据保护规则实施新的 Cookie 政策合规性 根据该规则 用户在使用任何网站时必须能够拒绝 接受除必需的 Cookie 之外的所有内容 在我客户的网站中 我可以看到正在存储以下第三方 cookie ga
  • 摩卡 - Chai Karma“套件未定义”

    我对 jscript tdd 很陌生 遇到了问题 希望有人能告诉我我在做什么 在浏览器中运行测试 通过 HTML 文件 一切正常 通过节点和业力运行它们我得到以下异常 我想在 node js 主机的 karma 中使用 Mocha 和 Ch
  • 图像无法在带有 DOM 的 IE 中加载:控制台中的 7009 错误(无法解码)

    当在 IE 中的单个页面上加载许多图像时 在 IE11 中重现 其中一些图像开始加载失败 并在控制台中出现类似以下警告的内容 DOM7009 无法解码 URL 处的图像 某些唯一的 url 当我查看网络流量时 似乎确实从服务器收到了每个图像
  • 如何使用 OpencV 从 Firebase 读取图像?

    有没有使用 OpenCV 从 Firebase 读取图像的想法 或者我必须先下载图片 然后从本地文件夹执行 cv imread 功能 有什么办法我可以使用cv imread link of picture from firebase 您可以
  • 有没有办法使用 Rspec/Capybara/Selenium 将 javascript console.errors 打印到终端?

    当我运行 rspec 时 是否可以让 capybara selenium 向 rspec 报告任何 javascript console errors 和其他异常 我有一大堆测试失败 但当我手动测试它时 我的应用程序正在运行 如果不知道仅在
  • 如何纠正流警告:解构(缺少注释)

    我正在编写一个小型 React Native 应用程序 并且正在尝试使用 Flow 但我无法在任何地方真正获得有关它的正确教程 我不断收到错误 destructuring Missing annotation 有关 station 这段代码
  • 设置 cookie 时中断 JavaScript 执行

    当设置 cookie 时 是否可以始终中断浏览器开发人员工具中的 javascript 执行 无需显式设置 JS 断点 document cookie 在 html head 块的开头添加此代码片段效果很好
  • 调整图像大小并将画布旋转 90 度

    这里有很多关于在 js 上使用画布旋转图像的主题 我阅读了其中的大部分内容 但无法找到解决我的问题的方法 我正在接收任何分辨率的图像 来自上传组件 我将其大小调整为 1024x768 如下所示 var canvas document cre
  • 有没有办法在 onclick 触发时禁用 iPad/iPhone 上的闪烁/闪烁?

    所以我有一个有 onclick 事件的区域 在常规浏览器上单击时 它不会显示任何视觉变化 但在 iPad iPhone 上单击时 它会闪烁 闪烁 有什么办法可以阻止它在 iPad iPhone 上执行此操作吗 这是一个与我正在做的类似的示例
  • 可以设置标题样式吗? (并且使用CSS或js?)[重复]

    这个问题在这里已经有答案了 我想知道是否可以设计一个title a href title This is a title Hello a 样式问题有两个方面 文本格式 编码 我猜这是可能的 所以在问题中这样做 工具提示样式 你能把它弄大一点
  • 在移动设备上滚动

    这个问题更多的是一个建议研究 我确实希望它对其他人有帮助 并且它不会关闭 因为我不太确定在哪里寻求有关此事的建议 在过去的 6 个月里 我一直在进行移动开发 我有机会处理各种设备上的各种情况和错误 最麻烦的是滚动问题 当涉及到在网站的多个区
  • 日期出现奇怪的错误,“未捕获非法访问”

    所以我试图找到最新的DateJavascript 可以处理 我把它减少到 9 月 275760 并增加了我开始捕获未捕获的天数illegal access例外new Date 09 24 275760 to new Date 10 13 2
  • 在 Javascript 中连接空数组

    我正在浏览一些代码 我想知道这有什么用处 grid push concat row 根据我的理解 它等同于 grid push row 为什么要大惊小怪 连接 你想使用 concat当您需要展平数组并且没有由其他数组组成的数组时 例如 va
  • 从 FileReader 设置背景图像样式

    我正在寻找一种解决方案 允许我从文件上传输入中获取文件并通过设置 document body style backgroundImage 来预览它 以下代码用于在 Image 元素中显示预览 function setImage id tar
  • 使用 MongoDB 和 Nodejs 插入和查询日期

    我需要一些帮助在 mongodb 和 nodejs 中按日期查找记录 我将日期添加到抓取脚本中的 json 对象 如下所示 jsonObj last updated new Date 该对象被插入到 mongodb 中 我可以看到如下 la
  • Jquery - 选择选项后如何获取选项的特定数据类型?

    我将直接跳到标记 然后解释我想要做什么 HTML 选择选项
  • 如何确定所有角度2分量都已渲染?

    当所有 Angular2 组件完成渲染时 是否会触发一个角度事件 For jQuery 我们可以用 function 然而 对于 Angular2 当domready事件被触发 html 只包含角度组件标签 每个组件完成渲染后 domrea

随机推荐

  • 仅当作为 FastAPI 调用的一部分返回时才排除 pydantic 模型字段

    Context 我有一个非常复杂的 pydantic 模型 其中有很多嵌套的 pydantic 模型 我想确保某些字段永远不会作为 API 调用的一部分返回 但我希望这些字段用于内部逻辑 我尝试过的 我首先尝试使用 pydanticFiel
  • 使用 Objective-C 的传递和访问结构

    我想知道如何将结构传递给另一个函数 然后在被调用函数中访问该结构 我正在为 iPhone 进行开发 我使用结构的原因是这样我最终可以将数据作为结构传递到用 C 构建的服务器 结构如下 struct userInfo NSString fir
  • 如何在PHP中比较两个日期[重复]

    这个问题在这里已经有答案了 如果日期格式正确 如何在 php 中比较两个日期 03 01 12 and 31 12 11 我正在使用这段代码 date1 date d m y date2 31 12 11 if strtotime date
  • 为什么 boost 示例再次调用“shared_from_this()”而不是使用闭包变量

    在连接对象中boost asio HTTP 服务器示例 http www boost org doc libs 1 57 0 doc html boost asio example cpp11 http server connection
  • knockoutjs 提交时出现 ko.utils.postJson 问题

    我跟着http blog stevensanderson com 2010 07 12 editing a variable length list knockout style http blog stevensanderson com
  • Meteor:对电子邮件验证确认执行某些操作

    在我的服务器上 我设置帐户需要电子邮件验证并发送验证电子邮件 Accounts config sendVerificationEmail true forbidClientAccountCreation false 我在网上的某个地方读到
  • python:不可变的私有类变量?

    有没有办法把这个Java代码翻译成Python class Foo final static private List
  • 使用 Spring 设计 Java 库

    我正在将现有程序中的一些功能提取到一个单独的库中 该程序使用 Spring 进行依赖注入和其他任务 我也想继续在库中使用它 该库需要监视文件系统的更改 因此它将启动某种单独的线程来执行此操作 我真的不知道我的库初始化选项是什么 如何初始化库
  • 如何使用 selenium webdriver 自动化基于 Flash 的页面

    我是一名测试员 我们使用一种工具 其中包含使用 Flash 开发的页面 我需要自动化一些出于测试目的而重复的任务 我了解 Selenium Web 驱动程序 但我无法检查这些闪存页面上的任何元素 请帮助我解决这个问题 我玩过闪存硒 http
  • 如何使用 Socket 获取 Asterisk 服务器的状态 - Python

    我试图使用 python 套接字获取 Asterisk 服务器的状态 但没有任何反应 这是我的代码 import socket s socket socket socket AF INET socket SOCK STREAM HOST 1
  • 输出文件时使用Powershell环境变量作为字符串

    我在用获取 WindowsAutopilotInfo https www powershellgallery com packages Get WindowsAutoPilotInfo 3 5生成计算机的序列号和哈希代码并将该信息导出为 C
  • 在 CI/CD 中如何管理前端和后端之间的依赖关系?

    我将描述我的设置 以使问题不那么抽象 但它们似乎并不针对我的情况 Context 我们有 Python Django 后端和 VueJS 前端 每个都位于存储库中 并使用 Portainer 使用堆栈 配置和部署 Gitlab CI 每个存
  • F#:let mutable 与 ref

    首先 我承认这个问题可能是重复的 请告诉我 我很好奇当需要可变性时 一般的 最佳实践 是什么 F 似乎为此提供了两种工具 let mutable绑定 它的工作方式似乎类似于 大多数 语言中的变量 以及引用单元格 使用ref函数 需要显式解除
  • 在 Idris 中证明如果 n = m 且 m = o,则 n + m = m + o?

    我正在尝试通过查看一些练习来提高我的伊德里斯技能软件基础 https softwarefoundations cis upenn edu lf current toc html 最初是为 Coq 设计的 但我希望对 Idris 的翻译不会太
  • 为什么 QToolTips 不会出现在 QMenu 内的 QActions 上

    我正在用 GUI 编写一个应用程序PySide 我设置了一个QMenu on a QPushButton 添加了几个QActions via QMenu addAction 为了进一步向我添加的用户解释这些操作QToolTip与这些QAct
  • 64 位应用程序启动 32 位进程

    我正在开发一个使用 Net 4 0 C 编码的 64 位应用程序 在此应用程序中 在某些时候 我需要启动另一个exe使用以下代码创建文件 l process StartInfo FileName sFullFilePath l proces
  • iOS WKWebView 服务工作者

    从 iOS 15 开始 appCache 被禁用 所以我正在寻找替代方案 是否有启用 WKWebView Service Workers 的官方方法 我知道你可以添加 info plist 键WKAppBoundDomains然后通过实例化
  • 离子选项卡和侧面菜单历史记录

    我想在侧面菜单应用程序内放置一个选项卡式视图 但只是在应用程序的某些视图中 在应用程序中有以下状态结构 Login login menuContent Orders list app orders menuContent Descripti
  • 更改 Qt QML 中按钮的字体大小

    如何在 QML 中设置 Button 控件中文本的字体大小 设计者没有选择 并且 font 不是 Button 的有效属性 Button id cmdQuit text qsTr Quit width 64 height 32 您设置按钮的
  • Firebase v9 上传图片仅显示 9 个字节

    我使用 React Native 和 Firebase v9 将图像上传到 Firebase 在 firebase 存储中 文件已上传 但大小只有 9 个字节 因此无法正常打开 我不知道如何解决这个问题 S const uploadFile