fuctBase64

Converting File Uploads To Base64

Using the library.

Installation

install the library using

npm install fuctbase64

or

npm install fuctbase64 --save

to save to your package.json.

Usage

In Angular 2+

 
// Imports
import { Component } from '@angular/core';
 
let fileUpload = require('fuctbase64');
 
// Component Decorator
@Component({
  selector: 'app-file-upload-to-base64',
  template: `<input type="file" name="fileInput" (change)="onFileChange($event)" #fileInput formControlName="fileUpload" />
  <br>
  <div>
    {{fileResult}}  
  </div>`
})
 
// Component Class
export class FileUploadToBase64Component {
  title = 'app works!';
  fileResult: any;
  constructor(){
 
  }
 
  onFileChange(event){
      let result = fileUpload(event).then(result => {
        this.fileResult = result;
      });
      
  }
}
 
 

Check out the Plunkr

In Vanilla Javascript

 
<input id="the-file" name="file" type="file">
 

let fileUpload = require('fuctbase64');
 
var fileInput = document.getElementById('the-file');
 
let fileResult = await fileUpload(fileInput, true);
 
console.log(fileResult);
 

Open Issues / Contributions

You can open issues for things which you thing I did wrong. Or better you can contribute to this project. We will happy to have your contributions. Thank you

License