Firebase Storage 在图像上传时抛出错误(Nodejs)

Posted

技术标签:

【中文标题】Firebase Storage 在图像上传时抛出错误(Nodejs)【英文标题】:Firebase Storage throwing error on image upload (Nodejs) 【发布时间】:2018-12-26 20:25:08 【问题描述】:

我有一个应用程序邀请用户上传图像文件,然后我打算使用 Firebase 的云存储来存储这些文件。我已经使用 Firebase 文档取得了相当大的进展,但是当我尝试上传文件时,我不断收到 400 响应。

这是用户上传文件的组件:

class JobEntry extends Component  
    constructor(props) 
      super(props);
    

    render() 
      return (
        <div className="single-job-entry">
            <div className="job-item">
              <span className="job-item-label">Add doc?:</span>
              <input type="file"  
                id=this.props.id +"file" 
                data-id=this.props.id 
                onChange=this.props.submitDoc />
            </div>
      </div>
      );
    
  

  export default JobEntry;

这里是将文件上传到 Firebase 的函数('storage' 和 'resumes' 是 firebase 存储参考):

  submitDoc (e) 
    let jobId = e.target.dataset.id
    let id = this.props.userId
    let file = document.getElementById(jobId + 'file').files[0]

    var newPath = storage.resumes.child(jobId + '/' + file.name)

    newPath.put(file).then(snapshot => 
      console.log('Uploaded file')
    ).catch(err => 
      console.log(err.message)
    )

  

每次我尝试上传文件时,都会收到此错误:

Firebase Storage: An unknown error occurred, please check the error payload for server response.

我已经检查了服务器响应,似乎没有任何迹象表明问题所在。

感谢任何帮助!

【问题讨论】:

如果您手动将文件添加到存储,您可以下载它吗?错误不是很具体,所以我试图猜测。另外,我会尝试使用storage.child(...) 而不使用.resumes 【参考方案1】:

事实证明,我必须先在 Firebase UI 中激活存储,然后才能通过 Node.js 进行交互。德普。很高兴知道您是否开始使用 Firebase。在他们的文档中找不到任何提及。

【讨论】:

以上是关于Firebase Storage 在图像上传时抛出错误(Nodejs)的主要内容,如果未能解决你的问题,请参考以下文章

获取downloadURL使用Firebase不断抛出错误'XMLHttpRequest未定义'

如何将视频上传到Firebase Storage for React App

Firebase 函数在部署时抛出异常

如何将视频上传到 Firebase Storage for React App

如何在图像插入firebase.storage后获取下载URL

将图像存储在 Firebase Storage 中并将元数据保存在 Firebase Cloud Firestore(测试版)中