代码之家 › 专栏 › 技术社区 › Rajendran Nadar

将firebase存储文件下载到计算机

firebase-storage reactjs

Rajendran Nadar · 技术社区 · 6 年前

注意:我想下载本地存储上的文件。

获取firebase文件

Firebase.storage().ref('file.jpg').getDownloadURL().then((url) => {
   var a = document.createElement("a")
   document.body.appendChild(a)
   a.style = "display: none"
   a.href = url
   a.download = 'file'
   a.click()
}).catch(function(msg) {
    // catch error here
})

尝试使用不可见的锚定标记下载此方法。单击后,页面将重定向到firebase存储,但不会调用下载程序。

点击按钮是否有机会调用浏览器从firebase存储下载文件。

我在React JS项目上尝试了上面的代码,但它似乎被破坏了。

0 回复 | 直到 6 年前

Rodrigo Soares 5 年前

检查路径是否完整,然后尝试以下代码:

storage.ref(path).getDownloadURL().then(function (url) {
    var link = document.createElement("a");
    if (link.download !== undefined) {
        link.setAttribute("href", url);
        link.setAttribute("target", "_blank");
        link.style.visibility = 'hidden';
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
    }
})

文档上的代码对我的项目不起作用。

  var xhr = new XMLHttpRequest();
  xhr.responseType = 'blob';
  xhr.onload = function(event) {
    var blob = xhr.response;
  };
  xhr.open('GET', url);
  xhr.send();

https://firebase.google.com/docs/storage/web/download-files#download_data_via_url

推荐文章

Angulandy2 · Angular 2 firebase如何将变量传递给另一个函数?

6 年前

VivekRajendran · 脱机时Glide无法从firebase存储中获取最新照片

6 年前

Danish Ajaib · 如何将资产读取到inputFileStream?

6 年前

Xerri · Angularfire2 v5中捕获错误

6 年前

Werokk · 将图像上载到firebase存储

6 年前

ttches · 使用云数据库是否会增加带宽

6 年前

Martin Bories · Firebase函数-错误,但控制台中没有事件消息

6 年前

Christoph · Firebase存储病毒检查

6 年前

Hemanth · 在Android中,是否可以使用URL而不是SDK将图像上载到firebase存储?

6 年前

JP Lew · 如何访问节点上函数内部的Firebase存储。js服务器?

6 年前