JavaScript kullanarak yerel bir metin dosyası nasıl okunur?

Merhaba arkadaşlar, bu yazıda sizlere yerel bilgisayardaki bir metin dosyasını javascript ile okuyup, yazdırmak için gerekli olan kod bloklarını paylaşacağım. Bir metin dosyası okumak için javascriptte FileReader nesnesi kullanılır. Aşağıdaki kod bloğu metin dosyasını okuyup, yazdırma işlemini yapmaktadır.


<body>
   <!--Text Formatında dosya okuma-->
    <input type="file" name="dosya" id="dosya"> 
    <br> 
   
    <pre id="cikti"></pre> 
      
    <script type="text/javascript"> 
        document.getElementById('dosya') 
            .addEventListener('change', function() { 
              
            var fr=new FileReader(); 
            fr.onload=function(){ 
                document.getElementById('cikti') 
                        .textContent=fr.result; 
            } 
              
            fr.readAsText(this.files[0]); 
        }) 
    </script> 
</body>