Unable to display images after uploading them in react component

Question

I want to upload multiples images then display them in browser. I wrote this code mentioned by this link. I got the name of images displayed in place of images:

Image1.png
Image2.png

How can I fix that and if someone knows another npm module which upload and display images as a gallery I will be grateful if mentioned it to me.

Cameron Downer · Accepted Answer · 2018-08-27 22:11:24Z

1

Adding the property withPreview to the <ImageUploader /> gives you a preview of all "uploaded" images.

const UploadImage = props => {
  const { onDrop } = props;
  return (
    <ImageUploader
      withIcon
      buttonText="Upload Image"
      onChange={onDrop}
      imgExtension={[".jpg", ".gif", ".png", ".gif"]}
      maxFileSize={5242880}
      withPreview
    />
  );
};

You can see this change implemented here.

This library looks like it can achieve what you want right out the box. See the documentation for the library for more details.

answered Aug 27, 2018 at 22:11

Cameron Downer

2,07819 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Unable to display images after uploading them in react component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related