Изображение не отображается при чтении из БД

Question

Я сопоставляю документы и пытаюсь прочитать изображение, используя тег img. Я установил src, который читает файл, но изображение не отображается.

Есть ли способ прочитать изображение и отобразить его с помощью тега img? Мой код ниже:

DB:

{
  "_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);

Я изображение не отображается.