以下是一个简单的例子，演示如何获取文件上传输入框的 DOM 对象以及如何使用它：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>File Upload Element</title>
</head>
<body>
<label for="fileInput">Choose a file:</label>
<input type="file" id="fileInput">
<script>
// 通过 id 获取文件上传输入框的 DOM 对象
var fileInput = document.getElementById("fileInput");
// 添加事件监听器，以便在用户选择文件时触发
fileInput.addEventListener("change", function() {
// 获取选择的文件对象
var selectedFile = fileInput.files[0];
// 在控制台输出文件的信息
console.log("Selected file:", selectedFile);
// 如果需要，你可以执行其他操作，比如读取文件内容或上传到服务器
});
</script>
</body>
</html>
在这个例子中，我们使用 addEventListener 来监听文件上传输入框的 change 事件。当用户选择文件时，将触发事件处理程序，并输出所选择的文件对象。请注意，fileInput.files 是一个包含用户选择的文件的 FileList 对象，我们通过索引 [0] 获取第一个文件。如果用户允许选择多个文件，你可以遍历 fileInput.files 数组来获取所有文件。
需要注意的是，由于浏览器的安全策略，JavaScript 通常无法直接读取本地文件的内容。如果需要对文件进行操作，你可能需要使用其他技术，例如 FileReader 或将文件上传到服务器进行处理。
转载请注明出处：http://www.zyzy.cn/article/detail/4397/HTML