Function handleFileSelect

storage/main.ts:28–54

(e: Event)

const storageRef = ref(storage);

function handleFileSelect(e: Event) {
  e.stopPropagation();
  e.preventDefault();

  const target = e.target as HTMLInputElement | null;
  const files = target?.files;
  if (!target || !files) {
    return;
  }

  const file = files[0];

  // Push to child path.
  uploadBytes(ref(storageRef, 'images/' + file.name), file)
    .then(function (snapshot) {
      console.log('Uploaded', snapshot.metadata.size, 'bytes.');
      console.log('File metadata:', snapshot.metadata);
      // Let's get a download URL for the file.
      getDownloadURL(snapshot.ref).then(function (url) {
        console.log('File available at', url);
        linkBox.innerHTML = '<a href="' + url + '">Click For File</a>';
      });
    })
    .catch(function (error) {
      console.error('Upload failed:', error);
    });
}

fileInput.addEventListener('change', handleFileSelect, false);
fileInput.disabled = true;