繁体   English   中英

Firebase 存储和 JavaScript,从存储下载文件

[英]Firebase Storage and JavaScript, downloading file from storage

我一直在从 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) {
        });
    });
};
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) { });
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM