Skip to content

mounirmesselmeni/html-fileapi

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Reading CSV file with Javascript and HTML5 File API

Run

Just clone the project and run index.html. This app is accessible here.

File API

HTML5 finally provides a standard way to interact with local files, via the File API

FileReader includes four options for reading a file, asynchronously:

  • FileReader.readAsBinaryString(Blob|File) - The result property will contain the file/blob's data as a binary string. Every byte is represented by an integer in the range [0..255].
  • FileReader.readAsText(Blob|File, opt_encoding) - The result property will contain the file/blob's data as a text string. By default the string is decoded as 'UTF-8'. Use the optional encoding parameter can specify a different format.
  • FileReader.readAsDataURL(Blob|File) - The result property will contain the file/blob's data encoded as a data URL.
  • FileReader.readAsArrayBuffer(Blob|File) - The result property will contain the file/blob's data as an ArrayBuffer object.

For our example, we want to read a CSV file, so we can read it as text. And perform data processing after in processData(csv) function.

You can read this post for more details.

About

An example project to read csv file with the HTML5 File API

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •