cooperok
cooperok
Programming language:Javascript
2021-07-29 23:39:32
0
Q:

react image upload

nanu1
nanu1
Code: Javascript
2021-02-21 13:46:19 
/* Answer to: "react image upload" */

/*
  "react-images-upload" is a simple component for upload and
  validate (client side) images with preview built with React.js.
  This package use "react-flip-move [1]" for animate the file preview
  images.
  
  Download it here:
  https://www.npmjs.com/package/react-images-upload
  
  or if you need help or don't want to use packages,
  you can watch this video:
  https://www.youtube.com/watch?v=XeiOnkEI7XI

  [1] Link to "react-flip-move", mentioned in the 
  "react-images-upload" summary:
  https://github.com/joshwcomeau/react-flip-move
*/
3
cbay
cbay
Code: Javascript
2021-06-08 05:41:26 
import React from 'react';import ImageUploader from 'react-images-upload'; class App extends React.Component {     constructor(props) {        super(props);         this.state = { pictures: [] };         this.onDrop = this.onDrop.bind(this);    }     onDrop(picture) {        this.setState({            pictures: this.state.pictures.concat(picture),        });    }     render() {        return (            <ImageUploader                withIcon={true}                buttonText='Choose images'                onChange={this.onDrop}                imgExtension={['.jpg', '.gif', '.png', '.gif']}                maxFileSize={5242880}            />        );    }}
1

Tags

Related

New to Communities?

Join the community