如何读取上传的文件内容，并将数据动态添加到表格中

要读取上传的文件内容并将数据动态添加到表格中，你可以按照以下步骤进行操作：

1. 在 HTML 中添加一个文件上传表单控件，例如：

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

2. 使用 JavaScript 获取上传的文件内容，例如：

const fileInput = document.getElementById('fileUpload');
const file = fileInput.files[0];
const reader = new FileReader();

reader.onload = function(e) {
  const fileContent = e.target.result;
  // 在这里处理文件内容
};

reader.readAsText(file, 'UTF-8');

3. 处理文件内容并将数据动态添加到表格中。可以使用 JavaScript 操作 DOM 元素来创建表格和表格行，并使用字符串拼接或模板字符串来动态生成表格内容，例如：

const fileInput = document.getElementById('fileUpload');
const file = fileInput.files[0];
const reader = new FileReader();

reader.onload = function(e) {
  const fileContent = e.target.result;
  const lines = fileContent.split('\n');
  const table = document.createElement('table');

  for (let i = 0; i < lines.length; i++) {
    const row = document.createElement('tr');
    const cells = lines[i].split(',');

    for (let j = 0; j < cells.length; j++) {
      const cell = document.createElement('td');
      cell.textContent = cells[j];
      row.appendChild(cell);
    }

    table.appendChild(row);
  }

  document.body.appendChild(table);
};

reader.readAsText(file, 'UTF-8');

这将创建一个包含上传文件中所有行的表格，并将其添加到文档中。请注意，这仅是一个示例代码，你需要根据你的需求进行修改。