Kā lasīt vietējo teksta failu, izmantojot JavaScript?

Kā lasīt vietējo teksta failu, izmantojot JavaScript?

Iedomājieties, ka jūsu tīmekļa lapa vēlas mijiedarboties ar failiem lietotāja datorā. HTML 5 nodrošina ērtu rīku, ko sauc par failu API, lai tas būtu iespējams. Failu API ļauj mijiedarboties ar atsevišķiem, vairākiem, kā arī BLOB failiem.

FileReader API var izmantot, lai asinhroni lasītu failu sadarbībā ar JavaScript notikumu apstrāde. Tomēr visām pārlūkprogrammām nav HTML 5 atbalsta, tāpēc pirms File API izmantošanas ir svarīgi pārbaudīt pārlūkprogrammas saderību.

FileReader API ir četras iebūvētas metodes vietējo failu lasīšanai:

  • FileReader.readAsArrayBuffer(): Nolasa norādītā ievades faila saturu. Rezultāta atribūts satur ArrayBuffer, kas attēlo faila datus.
  • FileReader.readAsBinaryString(): Nolasa norādītā ievades faila saturu. Rezultāta atribūts satur neapstrādātus bināros datus no faila kā virkni.
  • FileReader.readAsDataURL(): Nolasa norādītā ievades faila saturu. Rezultāta atribūts satur URL, kas apzīmē faila datus.
  • FileReader.readAsText(): Nolasa norādītā ievades faila saturu. Rezultāta atribūts satur faila saturu kā teksta virkni. Šī metode var izmantot kodēšanas versiju kā otro argumentu (ja nepieciešams). Noklusējuma kodējums ir UTF-8.

Dažādi vietējo teksta failu lasīšanas piemēri, izmantojot JavaScript:

1. piemērs: Lai demonstrētu, izmantojot FileReader.readAsText() metodi lokālā faila lasīšanai.

HTML
iepriekš>