Как загрузить изображение, которое находится в проекте, но не является частью ввода в хранилище Firebase?

Question

Мне нужно загрузить изображение профиля по умолчанию в хранилище Firebase. Однако оказывается, что я не могу добавить значение ввода по умолчанию. Я попытался передать sr c изображения в метод загрузки, но я получаю ошибки, в основном из-за того, что типы данных не совпадают.

Файл находится по адресу: "images/default.png"

Как я могу загрузить этот локальный файл, если, как и мои состояния состояния, (файл == undefined)?

Я пытался сделать это: file = new File(["defaultProfImg"], "images/defaultProfImg.png");, но это не работает, файл пуст в хранилище ...

Вот мой код:

$('.js-form').on('submit', event => {

  var everythingChecksOut = true;

  event.preventDefault();

  document.getElementById("signUpBtn").style.background='#C0C3FA';
  document.getElementById("signUpBtn").innerHTML='...';
  document.getElementById("signUpBtn").disabled = true;

  const email = $('#emailInput').val() || state.email;
  const password = $('#psw').val() || state.password;
  const username = $('#uname').val();

  console.log(email, password, username);

  var fileButton = document.getElementById('fileButton');
  var file = fileButton.files[0];

  if (file == undefined) {

    everythingChecksOut = false;

  }

  if (everythingChecksOut) {
    firebase.auth().createUserWithEmailAndPassword(email, password)
    .then(function(user) {

      firebase.auth().onAuthStateChanged(function(user) {
        console.log("if user????");

        if (user) {
          console.log("yes");

          // Create a root reference
          var storageRef = firebase.storage().ref();
          console.log("...");

          var fileButton = document.getElementById('fileButton');

          var file = fileButton.files[0];

          var storageRef = firebase.storage().ref(user.uid+'/'+file.name);
          var task = storageRef.put(file)
         ...