Работа с файлами HTML and JS

function loadFile(){ 
  // files - объект типа FileList 
  let files = document.getElementById("selectFile").files;  
   
  // Перебираем все файлы  
  for (var i = 0; i < files.length; i++) { 
    // file - объект типа File 
    file = files.item(i); 
    console.log(file.name); 
     
    // Получаем содержимое файла в виде текста 
    file 
      .text()  
      .then(text => { 
        console.log(text); 
      }); 
  } 
}

<h1>Выберите файл!</h1> 
    <div class="custom-file"> 
        <label class="custom-file-label" for="selectFile">Choose file</label> 
        <input type="file" class="custom-file-input" id="selectFile" onChange="loadFile()"> 
    </div>

function onFileLoad(event) { 
  const input = event.target; 
  if(input.files.length > 0) { 
    readTextFromFile(input.files[0]) 
      .then(text => { 
        document.getElementById('text').value = text; 
      }) 
      .catch(err => console.log(err))  
  } 
} 
 
function readTextFromFile(file) { 
    const reader = new FileReader(); 
    return new Promise((resolve, reject) => { 
        reader.onload = event => resolve(event.target.result) 
        reader.onerror = error => reject(error) 
        reader.readAsText(file) 
  }) 
}

<h1>Выберите файл!</h1> 
    <div class="custom-file"> 
        <input type="file" onChange="onFileLoad(event)" class="custom-file-input" id="selectFile"> 
        <label class="custom-file-label" for="selectFile">Choose file</label> 
    </div> 
 
<h1>Result</h1> 
<textarea id="text"></textarea>