如何读取 input 文件上传文件的值

要读取 input 文件上传文件的值，可以使用以下步骤：

选取 input 元素，并使用 JavaScript 获取该元素的引用。
从 input 元素中获取文件对象，使用 files 属性来访问它。这将返回一个文件列表，如果 input 元素允许选择多个文件，则列表中将包含多个文件。
使用 FileReader API 将文件内容读取到内存中，以便在后续处理中使用。

以下是一个示例代码：

<input type="file" id="fileInput">

<script>
  const fileInput = document.getElementById('fileInput');

  fileInput.addEventListener('change', function() {
    const file = fileInput.files[0];
    const reader = new FileReader();

    reader.addEventListener('load', function() {
      const fileContent = reader.result;
      console.log(fileContent);
    });

    reader.readAsText(file);
  });
</script>

这个示例代码假设有一个 id 为 fileInput 的 input 元素，它允许用户选择一个文件。当用户选择文件后，会触发 change 事件。事件处理程序会获取文件对象，并使用 FileReader 将文件内容读取为文本格式。读取完成后，文件内容将被打印到控制台。