JS 上传文件获取内容 - 如何接收 txt 文件内容

在 JavaScript 中可以通过 HTML5 中的 File API 来接收上传的 txt 文件。以下是一个简单的示例：

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

<script>
  const fileInput = document.getElementById('fileInput');
  
  fileInput.addEventListener('change', (event) => {
    const file = event.target.files[0];
    
    if (file.type === 'text/plain') {
      const reader = new FileReader();
      
      reader.addEventListener('load', (event) => {
        const fileContent = event.target.result;
        console.log(fileContent);
      });
      
      reader.readAsText(file);
    } else {
      console.log('请上传 txt 文件');
    }
  });
</script>

在这个示例中，我们首先获取了一个 input 元素，它的 type 属性设置为 file，允许用户选择文件进行上传。然后我们监听了 input 元素的 change 事件，当用户选择了文件之后，我们获取了用户选择的文件对象，并判断了它的类型是否为 txt 文件。

如果是 txt 文件，我们使用 FileReader 对象读取文件内容，并在文件加载完成时打印出文件内容。如果不是 txt 文件，我们给出了一个提示信息。