我无法获得图片的下载URL

问题描述 投票:0回答:1

获取下载URL并将其分配给变量

<html>
<head>
    <h1>retrieve data</h1>
    <h2 id=myimg></h2>
</head>
<body>
    <script src="https://www.gstatic.com/firebasejs/4.9.0/firebase.js"></script>
    <script>
      // Initialize Firebase
        var config = {
            //firebase initialization
        };

      firebase.initializeApp(config);
    </script>
    <script>
        storageRef.child('1.jpg').getDownloadURL().then(function (url) {

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


            var img = document.getElementById('myimg');
            img.src = url;
        }).catch(function (error) {

        });
    </script>
</body>
</html>

我希望分配下载网址我想从消防存储中检索下载URL并将其分配给变量enter image description here

我应该在此代码中进行哪些修改以获取上载图像的下载URL

javascript firebase firebase-storage
1个回答
1
投票

[包含要从'pics/1.jpg'获取图像的文件夹,然后删除下载图像的代码的第一部分,并保留仅将URL分配给图像的底部。

var storageRef = firebase.storage().ref();
storageRef.child('pics/1.jpg').getDownloadURL().then(function (url) {

    var img = document.getElementById('myimg');
    img.src = url;

}).catch(function (error) {

});
© www.soinside.com 2019 - 2024. All rights reserved.