将图片上传到React组件后无法显示图片

Question

我想上传多个图像，然后在浏览器中显示它们。我编写了此link提及的代码。 我得到了显示的图像名称来代替图像：

Image1.png
Image2.png 

该如何解决？如果有人知道另一个npm模块，该模块可以将图片上传并显示为图库，请多多向我提及。

Answer 1

将属性withPreview添加到<ImageUploader />可使您预览所有“已上传”的图像。

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

您可以看到here实施了此更改。

该库看起来可以立即实现您想要的功能。 See the documentation for the library for more details.