Получить ссылку из кнопки в HTML для использования в функции в JavaScript

Question

Я работаю над проектом, использующим базы данных Firebase и Firestore (я новичок в этом).Я смотрел эту трансляцию .В этом файркасте он загрузил файл в хранилище, как только в браузере была нажата кнопка «выбрать файл».

    var uploader = document.getElementById(fileButton); //Create ref to button
    fileButton.addEventListener('change', function (e){ 
       //Get file
       var file=e.target.files[0];
       //Create a storage ref
       var storageRef = firebase.storage().ref('sweet_gifs/'+file.name);
       //Upload file
       var task = storageRef.put(file);
    })

В приведенном выше фрагменте файл загружается, как только кнопка «Выбрать файл» в форме HTML, которая связана с переменной fileButton, меняет состояние. Однако я хочу загрузить его после нажатия кнопкикнопка отправки в форме, а не кнопка «выбрать файл».Основная проблема, которую я пытаюсь понять, заключается в том, как связать файл, который был выбран кнопкой «Выбрать файл», и использовать его в прослушивателе событий «Отправить» с другой кнопки.Кто-нибудь может направить меня в этом?

Answer 1

Есть много способов получить элемент.

• getElementById традиционный
• querySelector современно и гибко
• getElementByTagName и getElementsByClassName являются опциями
• Доступно elements свойство формы