React-image-upload NPM

react-image-upload

A react library for uploading image. Demo

Install

npm install --save react-image-upload

Examples

import ImageUploader from 'react-image-upload'
import 'react-image-upload/dist/index.css'

const App = () => {
  function getImageFileObject(imageFile) {
    console.log({ imageFile })
  }

  function runAfterImageDelete(file) {
    console.log({ file })
  }

  return (
    <ImageUploader
      onFileAdded={(img) => getImageFileObject(img)}
      onFileRemoved={(img) => runAfterImageDelete(img)}
    />
  )
}

export default App

Adding props

<ImageUploader
  style={{ height: 200, width: 200, background: 'rgb(0 182 255)' }}
  deleteIcon={<RiDeleteRow />}
  uploadIcon={<BsCamera />}
/>

Props

Property	Type	Default	Description
style	obj	optional	Write your custom css
deleteIcon	ele	optional	The icon used to delete file
uploadIcon	ele	optional	The icon used to upload file
onFileAdded	func	required	A function that runs after file has been uploaded and returns the uploaded file
onFileRemoved	func	optional	A function that runs after file has been removed and returns the removed file