如何使用javascript将网络摄像头捕获的图像存储在Firebase上

Question

我想将网络摄像头捕获的图像上传到Firebase。我已捕获图像并将其显示在网页上。现在，我希望当人们单击“上传”按钮时，图像被上传到Firebase存储。我已将存储设为公共状态，因此任何人都可以对其进行读写操作。我无法编写该函数，因此无法将图像发送到Firebase。

我正在从https://medium.com/@daggerdwivedi/set-up-firebase-to-upload-user-files-165063cbeee1获得帮助，但无法完成。请帮帮我。

我的网页链接-https://indic2019.firebaseapp.com/

下面是HTML代码和webcam.snap函数在另一个文件中实现。

  <form>
    <input type=button value="Take Snapshot" onClick="take_snapshot()">
  </form>

  <!-- Code to handle taking the snapshot and displaying it locally -->
  <script language="JavaScript">
    function take_snapshot() {
      // take snapshot and get image data
      Webcam.snap( function(data_uri) {
        // display results in page
        document.getElementById('results').innerHTML = 
          '' + 
          '<img id="Myimage" src="'+data_uri+'"/>';
          document.getElementById('result1').innerHTML= '<br>'+
          '<button>Upload</button>';
          upload(data_uri);
      } );
    }
     const ref = firebase.storage().ref();
    function upload(data_uri)
    {
      //unable to write how to upload image.
    }
  </script>```