如何在html中读取txt文件并将其保存在javascript的数组中

在HTML中读取txt文件并将其保存在JavaScript的数组中，可以通过使用JavaScript的File API来实现。以下是一种实现方式：

在HTML文件中创建一个文件选择输入框，用于选择要读取的txt文件：

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

在JavaScript中，使用File API读取选择的txt文件内容，并将其保存在数组中：

document.getElementById('txtFileInput').addEventListener('change', function(e) {
  var file = e.target.files[0];
  var reader = new FileReader();

  reader.onload = function(e) {
    var content = e.target.result;
    var lines = content.split('\n'); // 按行分割内容
    var array = lines.map(function(line) {
      return line.trim(); // 去除每行内容的空白字符
    });

    console.log(array); // 打印保存在数组中的内容
  };

  reader.readAsText(file);
});

上述代码中，首先通过addEventListener为文件选择输入框添加一个监听器。当用户选择了一个文件后，触发change事件。然后，通过FileReader对象来读取文件的内容。

在onload回调函数中，将读取到的文件内容保存在content变量中，并使用split('\n')方法按行分割内容。接下来，使用map方法对每一行内容进行处理，通过trim方法去除每行内容的空白字符，然后将处理后的内容保存在数组array中。

最后，使用console.log打印保存在数组中的内容。

这种方法可以在HTML中读取txt文件并将其保存在JavaScript的数组中。对于文件选择输入框选择的txt文件，可以将其内容逐行保存在数组中，并进行进一步的处理和使用。