如何在Javascript中使用FileReader()以不同的方法读取两个不同的文件

// 创建FileReader对象
var fileReader = new FileReader();

// 通过input元素获取文件对象
var fileInput = document.getElementById('fileInput');

// 监听文件加载完成事件
fileInput.addEventListener('change', function(event) {
  // 获取选中的文件
  var file = event.target.files[0];

  // 判断文件类型是否为文本文件
  if (file.type.match('text.*')) {
    // 读取文件内容
    fileReader.readAsText(file);
  }
});

// 监听文件加载完成事件
fileReader.addEventListener('load', function(event) {
  // 获取文件内容
  var fileContent = event.target.result;

  // 处理文件内容
  console.log(fileContent);
});

// 创建FileReader对象
var fileReader = new FileReader();

// 通过input元素获取文件对象
var fileInput = document.getElementById('fileInput');

// 监听文件加载完成事件
fileInput.addEventListener('change', function(event) {
  // 获取选中的文件
  var file = event.target.files[0];

  // 判断文件类型是否为图像文件
  if (file.type.match('image.*')) {
    // 读取文件内容
    fileReader.readAsDataURL(file);
  }
});

// 监听文件加载完成事件
fileReader.addEventListener('load', function(event) {
  // 获取文件内容
  var fileContent = event.target.result;

  // 显示图像
  var img = document.createElement('img');
  img.src = fileContent;
  document.body.appendChild(img);
});