javascript - 有没有办法在 JavaScript 中使用 FileReader 获取文件的特定部分？

Question

我有一个文本文件，可以从这样的表单生成值，

First Name: John
Last Name: Doe

我还想上传一个文件，我用文件输入完成并用 FileReader 读取，我能够获取文本文件的所有内容，但我只想获取“:”之后的部分，John和 Doe 这样我就可以把它写成

Username: John Doe

有没有办法只读写':'后面的部分？

这是我尝试过的，但它写入了所有值，包括名字和姓氏，

var reader = new FileReader();
reader.onload = function (event) {
  var contents = event.target.result;
  document.getElementById("username").innerHTML = contents;
};
reader.readAsText(file);

Answer 1

您将不得不读取整个文件，因为在读取之前您无法知道其内容或对其运行任何操作。但是，要获取 : 之后的值，您可以处理您获取的字符串

下面的代码假定读取的字符串将包含以 \n

分隔的行

var reader = new FileReader();
reader.onload = function (event) {
  var contents = event.target.result;
  var lines = contents.split('\n');
  var username = "";
  lines.forEach(line => {
    var [key, value] = line.split(':'); // splits the line into an array breaking on the colon
    if(key === 'First Name' || key === 'Last Name') { // checks for the keys so that any other key:value in subsequent lines will not be added to the username
        username = username + " " + value.trim() // to remove trailing whitespaces, if any, from the value
    }
  });
  document.getElementById("username").innerHTML = username;
};
reader.readAsText(file);