如何使用拖放java script只上传文本文件？

<div id="dropArea">
  <p>拖放文件到此区域</p>
</div>
<div id="fileInfo"></div>

var dropArea = document.getElementById('dropArea');
var fileInfo = document.getElementById('fileInfo');

// 阻止浏览器默认行为
dropArea.addEventListener('dragover', function(e) {
  e.preventDefault();
});

// 监听文件拖入事件
dropArea.addEventListener('drop', function(e) {
  e.preventDefault();
  var files = e.dataTransfer.files;
  fileInfo.innerHTML = '';

  // 遍历每个文件
  for (var i = 0; i < files.length; i++) {
    var file = files[i];

    // 只处理文本文件
    if (file.type.match('text.*')) {
      var reader = new FileReader();

      // 读取文件内容
      reader.onload = function(e) {
        var content = e.target.result;

        // 处理文件内容，这里可以根据实际需求进行自定义操作

        // 显示文件信息
        var fileItem = document.createElement('div');
        fileItem.innerHTML = '文件名：' + file.name + '<br>文件类型：' + file.type + '<br>文件大小：' + file.size + ' bytes<br>文件内容：<br><pre>' + content + '</pre>';
        fileInfo.appendChild(fileItem);
      };

      // 读取文件
      reader.readAsText(file);
    } else {
      fileInfo.innerHTML = '只支持上传文本文件';
    }
  }
});