javascript - 从 HTML 中的按钮获取引用以在 JavaScript 的函数中使用

Question

我正在开发一个使用 Firebase 和 Firestore 数据库的项目(我对此是全新的)。我看了this firecast 。在那次火灾中，一旦在浏览器中按下“选择文件”按钮，他就会将文件上传到存储。

    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);
    })

在上面的代码片段中，一旦链接到 fileButton 变量的 HTML 表单上的“选择文件”按钮更改状态，就会上传文件。但是，我想在按下表单上的提交按钮后上传它，不是“选择文件”按钮。我很难理解的主要问题是如何链接“选择文件”按钮选择的文件，并在另一个按钮的“提交”事件监听器中使用它。有人可以指导我吗？

Answer 1

获取元素的方法有很多种。

• getElementById是传统的
• querySelector现代且灵活
• getElementByTagName和 getElementsByClassName是选项
• elements property表格可用