Javascript ile dosya açma ve dosyayı okuma – Tasarım Kodlama
JavaScript

Javascript ile dosya açma ve dosyayı okuma

HTML 5, File API’sı yardımıyla yerel dosyalarla etkileşim kurmak için standart bir yol sağlar. File API’si tek, çoklu ve BLOB dosyalarıyla etkileşime izin verir. FileReader API, JavaScript olay işleme ile birlikte bir dosyayı eşzamansız olarak okumak için kullanılabilir. Ancak, tüm tarayıcılarda HTML 5 desteği yoktur, bu nedenle File API’sini kullanmadan önce tarayıcı uyumluluğunu test etmek önemlidir. Yerel dosyaları okumak için FileReader API’sında dört dahili yöntem vardır:

  • FileReader.readAsArrayBuffer(): Belirtilen giriş dosyasının içeriğini okur. result özniteliği, dosyanın verilerini temsil eden bir ArrayBuffer içerir.
  • FileReader.readAsBinaryString(): Belirtilen giriş dosyasının içeriğini okur. result özniteliği, dosyadaki ham ikili verileri dize olarak içerir.
  • FileReader.readAsDataURL(): Belirtilen giriş dosyasının içeriğini okur. result özelliği, dosyanın verilerini temsil eden bir URL içerir.
  • FileReader.readAsText(): Belirtilen giriş dosyasının içeriğini okur. result niteliği, dosyanın içeriğini metin dizesi olarak içerir. Bu yöntem, kodlama sürümünü ikinci argüman olarak alabilir (gerekirse). Varsayılan kodlama UTF-8’dir.

Bu durumda, yerel.txt dosyasını okumak için FileReader.readAsText() yöntemini kullanıyoruz.

Bu kod, input dosyasının içeriğini tam olarak aynı şekilde yazdırmak için kullanılır.

Yorum bırak