Firebase Storage и JavaScript, загрузка файла из хранилища - PullRequest
1 голос
/ 04 марта 2020

Я застрял при загрузке файла из хранилища моего сервера Firebase. В консоли нет ошибок. Все отлично, но я не вижу файлов в HTML. Чего мне не хватает?

firebase.initializeApp(firebaseConfig);
firebase.analytics();
var storageRef = firebase.storage().ref();
window.onload = function () {
    var uploader = document.getElementById('uploadbar');
    var filesbutton = document.getElementById('filesbutton');
    filesbutton.addEventListener('change', function (e) {
        var file = e.target.files[0];
        storageRef = firebase.storage().ref('music_list/' + file.name);
        var task = storageRef.put(file);
        task.on('state_changed', function uploading(snapshot) {
            var percentage = (snapshot.bytesTransferred /
                snapshot.totalBytes) * 100;
            uploader.value = percentage;
        }, function error(err) {
        }, function complete() {
        });
    }, 
    // download file from storage 
    function downloadrender() {
        var storage = firebase.storage().ref('images/music1test.mp3');
        var pathRef = storage.refFromURL('gs://music-playlist-d8e60.appspot.com/music_list/music1test.mp3');
        var gsRef = storage.refFromURL('https://console.firebase.google.com/u/0/project/music-playlist-d8e60/storage/music-playlist-d8e60.appspot.com/files~2Fmusic_list');
        storageRef.child('images/music1test.mp3').getDownloadURL().then(function (url) {
            var xhr = new XMLHttpRequest();
            xhr.onload = function (event) {
                var blob = xhr.response;
                xhr.responseType = 'blob';
            };
            xhr.open('GET', url);
            xhr.send();
            // Or inserted into an <img> element:
            var myfile = document.getElementById('myfile');
            myfile.src = url;
        })["catch"](function (error) {
        });
    });
};

1 Ответ

0 голосов
/ 04 марта 2020
function downloadrender(pageLocation) {
    var storage = firebase.storage();
    storageRef
        .child(pageLocation)
        .getDownloadURL()
        .then(function (url) {
        console.log(url);
        var myfile = document.getElementById("myfile");
        myfile.src = url;
    })["catch"](function (error) { });
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...