react-file-base64 - React Component for Converting File to base64

  •        1193

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

https://github.com/BosNaufal/react-file-base64#readme

Dependencies:

react : ^15.6.1

Tags
Implementation
License
Platform

   




Related Projects

react-native-sketch-canvas - A React Native component for drawing by touching on both iOS and Android

  •    Javascript

A React Native component for drawing by touching on both iOS and Android. To use an image as background, localSourceImage(see below) reqires an object, which consists of filename, directory(optional) and mode(optional). Note: Because native module cannot read the file in JS bundle, file path cannot be relative to JS side. For example, '../assets/image/image.png' will fail to load image.

react-native-webview-android - Simple React Native Android module to use Android's WebView inside your app

  •    Java

Simple React Native Android module to use Android's WebView inside your app (with experimental html file input support to handle file uploads in forms). If you need to see the install instructions for older React Native versions look here.

react-uploady - Modern file uploading - components & hooks for React

  •    Javascript

Modern file-upload components & hooks for React. React-Uploady is a lightweight library - enabling you to build (client-side) file-upload features with just a few lines of code. RU provides the foundations needed to upload files from the browser - The rest is up to you.

react-native-aws3 - Pure JavaScript React Native library for uploading to AWS S3

  •    Javascript

React Native AWS3 is a module for uploading files to S3. Unlike other libraries out there, there are no native dependencies. Upload a file to S3.


react-dart - Dart Bindings for React JS

  •    Javascript

If you are not familiar with the ReactJS library, read this react tutorial first. In a .html file where Include the native javascript react and react_dom libraries (provided with this library for compatibility reasons) within your .html file, and add an element with an id to mount your React component into.

react-native-fetch-blob - A project committed to making file access and data transfer easier, efficient for React Native developers

  •    Javascript

wkh237's last Github activity was in September 2017, and he has not reacted to emails either. This repository no longer is the main location of "react-native-fetch-blob". That means issues and PRs should be posted there.

react-fine-uploader - Easily integrate Fine Uploader or Fine Uploader S3 into a React app

  •    Javascript

Makes using Fine Uploader in a React app simple. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI. These allow you to easily build a highly customizable and powerful UI for your upload widget, backed by Fine Uploader's core feature set. Most of these components are unstyled (i.e. ready to be styled by you). Focused component-specific stylesheets may be provided at a later date.

react-templates - Light weight templates for react

  •    Javascript

Lightweight templates for React. React Templates compiles an *.rt file (react template file - an extended HTML format) into a JavaScript file. This file, which uses AMD syntax, returns a function. When invoked, this function returns a virtual React DOM based on React.DOM elements and custom user components.

react-player - A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion

  •    Javascript

A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, Mixcloud, and DailyMotion. Not using React? No problem. The component parses a URL and loads in the appropriate markup and external SDKs to play media from various sources. Props can be passed in to control playback and react to events such as buffering or media ending. See the demo source for a full example.

react-radio-group - Better radio buttons.

  •    Javascript

Then either import {RadioGroup, Radio} from 'react-radio-group' or add node_modules/react-radio-group/umd/index.js into your HTML file (exports the RadioGroup global which contains both, the RadioGroup and Radio component.). Repetitive fields are either lifted onto the RadioGroup wrapper or already implicitly set on the Radio component, which is a simple wrapper around the radio input.

react-native-cacheable-image - An Image Component for React Native that will cache itself to disk.

  •    Javascript

An Image component for React Native that will cache itself to disk. CacheableImage understands its state. Once you define a source the first time it's state has been set. You can create another component with the same source and it will load the same cached file without having to fetch from a remote URI.

react-native-background-upload - Upload files in your React Native app even while it's backgrounded

  •    Objective-C

The only React Native http post file uploader with android and iOS background support. If you are uploading large files like videos, use this so your users can background your app during a long upload.

react-native-keyboard-input - Use your own custom input component instead of the system keyboard

  •    Objective-C

Presents a React component as an input view which replaces the system keyboard. Can be used for creating custom input views such as an image gallery, stickers, etc. Supports both iOS and Android.

react-native-country-picker-modal - 🇨🇦 Country picker provides a modal allowing a user to select a country from a list

  •    Javascript

A simple example to display a CountryPicker component with a dark theme. You need to download a light colored image for the close button, for example this one. YES : It used the world-countries package and image is stored into json and base64.

language-babel - ES2017, flow, React JSX and GraphQL grammar and transpilation for ATOM

  •    CoffeeScript

Language grammar for all versions of JavaScript including ES2016 and ESNext, JSX syntax as used by Facebook React, Atom's etch and others, as well as optional typed JavaScript using Facebook flow. This package also supports highlighting of GraphQL language constructs when inside certain JavaScript template strings. For .graphql and .gql file support please see language-graphql . The colour of syntax is determined by the theme in use. By default the language-babel package will detect file types .js,.babel,.jsx, .es, .es6, .mjs and .flow. Use the standard ATOM interface to enable it for other file types. This provides a grammar that scopes the file in order to colour the text in a meaningful way. If other JavaScript grammars are enabled these may take precedence over language-babel. Look at the bottom right status bar indicator to determine the language grammar of a file being edited. language-babel will be shown as either Babel or Babel ES6 JavaScript. Clicking the name will allow the grammar for a file to be changed.

react-native-autocomplete-input - Pure javascript autocomplete input for react-native

  •    Javascript

A pure JS autocomplete component for React Native. Use this component in your own projects or use it as inspiration to build your own autocomplete. Tested with RN >= 0.26.2. If you want to use RN < 0.26 try to install react-native-autocomplete-input <= 0.0.5.

formsy-react - A form input builder and validator for React JS

  •    TypeScript

A form input builder and validator for React. christianalfoni wrote an article on forms and validation with React, Nailing that validation with React JS, the result of that was this library.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.