从数据库读取时未显示图像

Question

我正在映射文档，并尝试使用img标签读取图像。我已经设置了正在读取文件的src，但是图像未显示。

有没有一种方法可以读取图像并使用img标签显示？ 我的代码如下：

数据库：

{
  "_id": "DpEJ8hDvFrLzbqdoA",
  "createdByTransform": false,
  "original": {
    "name": "download.jpg",
    "updatedAt": ISODate("2018-12-20T09:48:40.361Z"),
    "size": 6813,
    "type": "image/jpeg"
  },
  "data": {
    "blob": {

    },
    "_type": "image/jpeg"
  },
  "owner": "hF9xmgcHhnqzbdXhD",
  "collectionName": "uploads",
  "_eventEmitter": {
    "onListeners": {

    },
    "onceListeners": {

    },
    "maxListeners": 10
  }
}

使用img标签返回图像的功能：

function ImageData(props) {
  return (
    <div>
      <img className="image-data" src={props.image.original.name} />;
      <p>{props.image.original.size}</p>
      <p>{props.image.original.type}</p>
    </div>
  );
}

映射文档：

{this.props.images.map(image => {
   return <ImageData key={image._id} image={image} />;
})}

订阅文档：

export default withTracker(() => {
  Meteor.subscribe("photos");

  return {
    images: Photos.find({})
      .fetch()
      .map(image => {
        return {
          ...image
        };
      })
  };
})(Image);

我没有显示图片。