Lucrul cu fișierele din javascript, Filereader partea 2 - totul despre dezvoltarea web

Introduceți FileReader

Există mai multe formate în care FileReader poate reprezenta date dintr-un fișier, formatul trebuie specificat atunci când fișierul este deschis pentru citire. Citirea se realizează apelând una din următoarele metode:







readAsText () - returnează conținutul fișierului ca text simplu
readAsBinaryString () - returnează conținutul fișierului ca un șir de date binare codificate (depășite - folosiți în schimb readAsArrayBuffer ());
readAsArrayBuffer () - returnează conținutul fișierului ca ArrayBuffer (bun pentru datele binare, de exemplu imagini)
readAsDataURL () - returnează conținutul fișierului ca URL de date

Citirea datelor URI

Puteți utiliza același cod pentru a citi în URI-ul de date. URI de date (uneori numite adrese URL de date) este o opțiune interesantă dacă doriți, de exemplu, să ieșiți doar o imagine care citește de pe disc. Puteți face acest lucru folosind următorul cod:







Acest cod încarcă imaginea într-un nou obiect Imagine și apoi îl folosește pentru a face imaginea de pe Canvas (indicând lățimea și înălțimea de 100).

URI de date. ca regulă, sunt utilizate în acest scop, dar pot fi utilizate pe orice alt tip de fișier. Cel mai obișnuit caz de utilizare pentru citirea fișierelor într-un URI de date este afișarea conținutului fișierelor direct pe o pagină Web.

Citirea în ArrayBuffers

Puteți utiliza ArrayBuffer în primul rând atunci când lucrați cu fișiere binare pentru a avea un control mai precis asupra datelor. Puteți trece ArrayBuffer direct la metoda obiectului XHR send () pentru transmiterea datelor primare către server (server-side, datele sunt primite și procesate ca date binare).

Ce urmează

Citirea datelor dintr-un fișier utilizând FileReader este destul de simplă. Dacă știți cum să utilizați XMLHttpRequest, citirea datelor din fișiere pentru dvs. a fost ușoară. În următoarea parte a acestei serii, veți afla mai multe despre utilizarea evenimentelor FileReader și posibile erori.

Link-uri conexe:

Articole similare







Trimiteți-le prietenilor: