WebACAD/ObservableFileReader

Read file inputs with rxjs observables.

Dependencies

• rxjs

Installation

$ npm install --save @webacad/observable-file-reader

or with yarn

$ yarn add @webacad/observable-file-reader

Usage

import {readFileAsDataURL} from '@webacad/observable-file-reader';

const file = (<HTMLInputElement>document.querySelector('#myFileInput')).files[0];

readFileAsDataURL(file).subscribe((data: string) => {
    console.log('done');
    console.log(data);
});

Available functions

• readFileAsDataURL: same as FileReader.readAsDataURL
• readFileAsBase64: same as readFileAsDataURL function but strips the base64 url prefix
• readFileInChunksAsDataURL: same as readFileAsDataURL function, but emitted in chunks
• readFileInChunksAsBase64: same as readFileAsBase64 function, but emitted in chunks