Как я могу загрузить файл в хранилище Firebase и отобразить URL загрузки?

Question

я хочу, чтобы файл был загружен, а URL-адрес загрузки должен быть напечатан здесь - это код iv'e, используемый для этого

<script>
      var file = document.getElementById('file');
      var storageRef = firebase.storage().ref();

// Create the file metadata
var metadata = {
  contentType: 'image/jpeg'
};
var uploadTask = storageRef.child('images/' + file.name).put(file, metadata);
uploadTask.on(firebase.storage.TaskEvent.STATE_CHANGED, // or 'state_changed'
  function(snapshot) {
    // Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded
    var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
    console.log('Upload is ' + progress + '% done');
    switch (snapshot.state) {
      case firebase.storage.TaskState.PAUSED: // or 'paused'
        console.log('Upload is paused');
        break;
      case firebase.storage.TaskState.RUNNING: // or 'running'
        console.log('Upload is running');
        break;
    }
  }, function(error) {
  switch (error.code) {
    case 'storage/unauthorized':
      // User doesn't have permission to access the object
      break;

    case 'storage/canceled':
      // User canceled the upload
      break;



    case 'storage/unknown':
      // Unknown error occurred, inspect error.serverResponse
      break;
  }
}, function() {
  // Upload completed successfully, now we can get the download URL
  uploadTask.snapshot.ref.getDownloadURL().then(function(downloadURL) {
    console.log('File available at', downloadURL);
  });
});

      </script>

Файл, не загружаемый из консоли, отображает ошибку следующим образом

, пожалуйста, помогите мне с исправлением кода, который загружает файл и отображает URL-адрес загрузки

Answer 1

элемент формы, отвечающий за загрузку файла, должен выглядеть следующим образом:

<form enctype="multipart/form-data" action="/upload/file" method="post">