react-image-compressor - React Component To Compress Image Files Via Client Side

  •        678

You can import react-image-compressor.js to your react component file like this and process it with your preprocessor. Callback after Compress the image. It will pass original file and compressed file and also the canvas element. The object pretty complete with blob & base64 and other needed information.

https://github.com/BosNaufal/react-image-compressor#readme

Dependencies:

react : ^15.0.2
react-dom : ^15.0.2

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-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-native-image-gallery - Pure JavaScript image gallery component for iOS and Android with high-performance and native feeling in mind

  •    Javascript

A pure JavaScript image gallery component for React Native apps with common gestures like pan, pinch and doubleTap, supporting both iOS and Android. This component utilizes @ldn0x7dc/react-native-view-pager as the scrollable container and react-native-transformable-image as the wrapped image.

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-fit-image - Responsive image component to fit perfectly itself.

  •    TypeScript

React Native Fit Image enables you to draw responsive image component. Responsive image component to fit perfectly itself.


react-native-image-progress - Progress indicator for networked images in React Native

  •    Javascript

Note: Progress indicators has been broken out to a separate component; react-native-progress. To use them, please follow installation instructions for that package. Note: onLoad* events are bubbled up, so if you want to do some custom thing when the image is loaded for example.

react-image-crop - A responsive image cropping tool for React

  •    Javascript

A responsive image cropping tool for React. Include either dist/ReactCrop.css or ReactCrop.scss.

react-native-image-picker - :sunrise_over_mountains: A React Native module that allows you to use native UI to select media from the device library or directly from the camera

  •    Java

This library started as a basic bridge of the native iOS image picker, and I want to keep it that way. As such, functionality beyond what the native UIImagePickerController supports will not be supported here. Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not issues with my library. If you need these things, react-native-image-crop-picker might be a better choice for you. To use this library you need to ensure you match up with the correct version of React Native you are using.

react-medium-image-zoom - Medium.com style image zoom for React

  •    Javascript

This library is a different implementation of Medium.com's image zoom that allows for a low-res and high-res images to work together for “zooming” effects and works regardless of parent elements that have overflow: hidden or parents with transform properties. Versions >=3.0.0 are compatible with React.js >=16.x; if you need compatibility with react@^0.14.0 || ^15.0.0, please use version 2.x. You can view the demo here.

react-native-img-cache - Image Cache for React Native

  •    TypeScript

CachedImage component and Cache image manager for React Native. I am no longer maintaining this library but react-native-expo-image-cache which depends on ExpoKit.

react-avatar-editor - Avatar & profile picture component editor

  •    Javascript

Facebook like, avatar / profile picture component. Resize, crop and rotate your uploaded image using a clear user interface. The resulting image will have the same resolution as the original image, regardless of the editor's size. If you want the image sized in the dimensions of the canvas you can use getImageScaledToCanvas.

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-native-image-picker - A React Native module that allows you to use native UI to select media from the device library or directly from the camera

  •    Java

This library started as a basic bridge of the native iOS image picker, and I want to keep it that way. As such, functionality beyond what the native UIImagePickerController supports will not be supported here. Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not issues with my library. If you need these things, react-native-image-crop-picker might be a better choice for you. IMPORTANT NOTE: You'll still need to perform step 4 for iOS and steps 2 and 5 for Android of the manual instructions below.

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-progressive-image - React component for progressive image loading

  •    Javascript

If you use the UMD build you can find the library on window.ReactProgressiveImage.react-progressive-image exports a single React component, ProgressiveImage, which takes a src and placeholder prop, as well as an optional onError function.

react-native-transformable-image - A pure JavaScript written transformable image component, like PhotoView or ImageViewer, supports gestures like pan, pinch, double tab and fling, works with both iOS and Android

  •    Javascript

A pure JavaScript written transformable image component, like PhotoView or ImageViewer, supports gestures like pan, pinch, double tab and fling, works with both iOS and Android. Written in pure JS, this component should be one of the most easy to use component among all the zoomable, scrollable PhotoView alike views on react-native.

react-native-photo-browser - Local and remote media gallery with captions, selections and grid view support for react native

  •    Javascript

A full screen image gallery with captions, selections and grid view support for react-native. Layout and API design are inspired by great MWPhotoBrowser library. The component has both iOS and Android support.






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.