/react-file-base64

React Component for Converting File to base64

Primary LanguageJavaScriptMIT LicenseMIT

React File Base64

React Component for Converting Files to base64. It's based on Dev Mozilla Website

DEMO

Install

You can import react-file-base64.js to your react component file like this and process it with your preprocessor.

You can install it via NPM

npm install react-file-base64

Usage

import React from 'react';
import ReactDOM from 'react-dom';

import FileBase64 from 'react-file-base64';

class App extends React.Component {

  constructor() {
    super()
    this.state = {
      files: []
    }
  }

  // Callback~
  getFiles(files){
    this.setState({ files: files })
  }

  render() {
    return (
      <FileBase64
        multiple={ true }
        onDone={ this.getFiles.bind(this) } />
    )
  }

}


ReactDOM.render(<App />, document.getElementById("app"))

Props

multiple (Boolean)

Does your component support multiple files?

onDone (Function)

Callback function when all files have been processed

Thank You for Making this useful~

Let's talk about some projects with me

Just Contact Me At:

License

MIT Copyright (c) 2016 - forever Naufal Rabbani