Kuvittele, että verkkosivusi haluaa olla vuorovaikutuksessa käyttäjän tietokoneella olevien tiedostojen kanssa. HTML 5 tarjoaa kätevän työkalun nimeltä File API tämän mahdollistamiseksi. File API mahdollistaa vuorovaikutuksen yksittäisten, useiden sekä BLOB-tiedostojen kanssa.

FileReader API:ta voidaan käyttää tiedoston lukemiseen asynkronisesti yhteistyössä JavaScript tapahtuman käsittely. Kaikissa selaimissa ei kuitenkaan ole HTML 5 -tukea, joten on tärkeää testata selaimen yhteensopivuus ennen File API:n käyttöä.

FileReader API:ssa on neljä sisäänrakennettua menetelmää paikallisten tiedostojen lukemiseen:

• FileReader.readAsArrayBuffer(): Lukee määritetyn syöttötiedoston sisällön. Tulosattribuutti sisältää ArrayBufferin, joka edustaa tiedoston tietoja.
• FileReader.readAsBinaryString(): Lukee määritetyn syöttötiedoston sisällön. Tulosattribuutti sisältää tiedoston raakabinaaridatan merkkijonona.
• FileReader.readAsDataURL(): Lukee määritetyn syöttötiedoston sisällön. Tulosattribuutti sisältää URL-osoitteen, joka edustaa tiedoston tietoja.
• FileReader.readAsText(): Lukee määritetyn syöttötiedoston sisällön. Tulosattribuutti sisältää tiedoston sisällön tekstimerkkijonona. Tämä menetelmä voi ottaa koodausversion toiseksi argumentiksi (tarvittaessa). Oletuskoodaus on UTF-8.

Erilaisia ​​esimerkkejä paikallisten tekstitiedostojen lukemisesta JavaScriptin avulla:

Esimerkki 1: Osoittaaksesi FileReader.readAsText()-menetelmän käyttämisen paikallisen tiedoston lukemiseen.

pre>