Predstavte si, že vaša webová stránka chce interagovať so súbormi v počítači používateľa. HTML 5 poskytuje praktický nástroj s názvom File API, ktorý to umožňuje. Rozhranie File API umožňuje interakciu s jednotlivými súbormi, viacerými súbormi a súbormi BLOB.

FileReader API možno použiť na asynchrónne čítanie súboru v spolupráci s JavaScript spracovanie udalostí. Všetky prehliadače však nemajú podporu HTML 5, preto je dôležité pred použitím File API otestovať kompatibilitu prehliadača.

np.klip

V rozhraní FileReader API sú štyri vstavané metódy na čítanie lokálnych súborov:

• FileReader.readAsArrayBuffer(): Prečíta obsah zadaného vstupného súboru. Atribút result obsahuje ArrayBuffer reprezentujúci dáta súboru.
• FileReader.readAsBinaryString(): Prečíta obsah zadaného vstupného súboru. Atribút result obsahuje nespracované binárne údaje zo súboru ako reťazec.
• FileReader.readAsDataURL(): Prečíta obsah zadaného vstupného súboru. Atribút result obsahuje adresu URL predstavujúcu údaje súboru.
• FileReader.readAsText(): Prečíta obsah zadaného vstupného súboru. Atribút result obsahuje obsah súboru ako textový reťazec. Táto metóda môže mať verziu kódovania ako druhý argument (ak je to potrebné). Predvolené kódovanie je UTF-8.

Rôzne príklady čítania miestnych textových súborov pomocou JavaScriptu:

Príklad 1: Na demonštráciu použitia metódy FileReader.readAsText() na čítanie lokálneho súboru.

pre>