Question

我正在尝试将视频存储在Firebase Storage上。该代码适用于图像，但适用于显示的视频：

无法加载https://firebasestorage.googleapis.com/v0/b/resource-access-point.appspot.com/o?name=vid%2Fvideoplayback.mp4：'Access-Control-Allow-Origin'标头的值'null'不等于提供的来源。因此，不允许访问原始“空”。

<html>

<head>

</head>

<body>
<progress value="0" max="100" id="uploadprog"></progress>
<input type="file" id="upinput"/>
<button onclick="mew()">get url</button>
</body>
<script src="https://www.gstatic.com/firebasejs/5.3.0/firebase.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "",
    authDomain: "",
    databaseURL: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: ""
  };
  firebase.initializeApp(config);
  function mew()
  {
    console.log("downloading link");
                var storageRef = firebase.storage().ref("vid/dp_001.jpg ");
                storageRef.getDownloadURL().then(function(url) {
                console.log(url);
    });
  }




  var prog=document.getElementById('uploadprog');
  var input=document.getElementById('upinput');
//   console.log("progress");
//   console.log(prog);

  input.addEventListener('change',function(e){
      console.log("will upload the files now");
        var file=e.target.files[0];
        var ref=firebase.storage().ref('vid/'+file.name);
        var task=ref.put(file);
        task.on('state_changed',
            function progress(snap)
            {
                var per=(snap.bytesTransferred/snap.totalBytes)*100;
                prog.value=per;
            }
            ,function error(err)
            {
                console.log(err);
            },
            function complete()
            {
                console.log("file uploaded successfully");   
            }
        );

    // console.log("hell yeah");
  });
</script>


</html>

有人可以帮助我吗？

Firebase存储视频上传错误跨原点为NULL

0 个答案: