【问题标题】:Firebase error: Uncaught TypeError: ref.once is not a functionFirebase 错误:未捕获的 TypeError:ref.once 不是函数
【发布时间】:2017-01-20 10:45:02
【问题描述】:

我正在尝试使用 firebase 上传文件并同时在我的数据库中输入文件。 (我想跟踪有多少上传,以便我可以将文件重命名为唯一的文件)我成功上传,并将副本放入数据库,但我无法获得多少文件在使用 once() 和 getChildren() 方法的子文件夹。我不断收到错误消息。我究竟做错了什么?计数错误来自这里:

var ref = firebase.database();
                          ref.once("value")
                            .then(function(snapshot) {
                              var numberSamples = snapshot.child(sampleType).numChildren(); //number of children
                            });

完整代码:

<script src="https://www.gstatic.com/firebasejs/3.3.2/firebase.js"></script>
            <script>
              // Initialize Firebase
              var config = {
                apiKey: "AIzaSyC9jUMxOvvdgcBvXecvpRiactG6ffbwTgg",
                authDomain: "instasample-d8eea.firebaseapp.com",
                databaseURL: "https://instasample-d8eea.firebaseio.com",
                storageBucket: "instasample-d8eea.appspot.com",
              };
              firebase.initializeApp(config);

              //remove error on click
              function removeSampleClass() {
                $("#sampleType").removeClass('sampleTypeError')
                $("#sampleType").addClass('sampleType')
              }

              function removeFileClass() {
                $("#fileButton").removeClass('fileButtonError')
                $("#fileButton").addClass('fileButton')
              }


              // upload files and check for errors
              function uploadFile(){   //on GO
                  //get elements
                  var uploader = document.getElementById('uploader')
                  var fileButton = document.getElementById('fileButton')
                  //var file = fileButton.target.files[0]; //get file
                  var sampleType = document.getElementById('sampleType').options[document.getElementById('sampleType').selectedIndex].text;  //get folder location
                  var file = fileButton.files[0]; //get file

                  if (sampleType == "Select Type" && fileButton.value == "") {  //check both selection
                    $("#sampleType").addClass('sampleTypeError')
                    $("#sampleType").removeClass('sampleType')
                    $("#fileButton").addClass('fileButtonError')
                    $("#fileButton").removeClass('fileButton')
                  }
                  else if (fileButton.value == "") {                            //check file selection
                    $("#fileButton").addClass('fileButtonError')
                    $("#fileButton").removeClass('fileButton')
                  }
                  else if (sampleType == "Select Type") {                       //check sample selection
                   $("#sampleType").addClass('sampleTypeError')
                    $("#sampleType").removeClass('sampleType')
                  }
                  else{    //upload if good
                  uploader.classList.remove('hide');  //unhide progress bar
                  //create storage reference with sampleType 
                  var storageRef = firebase.storage().ref("/" + sampleType + "/" + file.name);


                  //upload file
                  var task = storageRef.put(file);

                  //update progress bar
                  task.on('state_changed',
                    function progress(snapshot){
                        var percentage = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
                        uploader.value = percentage;
                    },
                    function error() {
                      alert('There was a problem uploading your file')
                    },
                    function complete() {
                      //get root reference
                      const dbRefType = firebase.database().ref().child(sampleType);

                      var ref = firebase.database();
                          ref.once("value")
                            .then(function(snapshot) {
                              var numberSamples = snapshot.child(sampleType).numChildren(); // 2 ("first", "last")
                            });


                      var updates = {};
                        updates["/" + sampleType + "/" + sampleType + "Sample" + numberSamples ] = numberSamples;
                        return firebase.database().ref().update(updates);
                      //sync data and return children of sampleType to console
                      //dbRefType.on('value', snap => console.log(snap.val()));
                      //create new reference to file
                      //var sampleFileRef = dbRefType.child("sample");


                      //TODO: list how many are in list 
                      //add new file to list


                    }
                  );
                }
              }


            </script>

【问题讨论】:

    标签: javascript html angularjs firebase firebase-realtime-database


    【解决方案1】:

    没关系,我明白了。用过

    dbRefType.once('value', function(snapshot) { alert('Count: ' + snapshot.numChildren()); });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-12-06
      • 2015-03-24
      • 1970-01-01
      • 2021-05-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-03-21
      相关资源
      最近更新 更多