reactjs - 如何将存储在 MongoDB 中的 React 中的图像显示为缓冲区字符串

Question

我正在使用mongoose我存储一些图像的地方。

型号为：

const PictureSchema = new mongoose.Schema({
  type: {
    type: String,
    required: 'Type of image required'
  },
  name: {
    type: String,
    required: 'Image name is required'
  },
  buffer: {
    type: String,
    data: Buffer,
    required: 'Image requires buffer'
  },
})

保存在数据库中的对象是：

{
  "_id":613c8ae50329da46675f3dbd",
  "type":"jpg",
  "name":"name_of_file",
  "buffer":"����\u0000\u0010JFIF\u0000\u0001\u0001\u0001\u0000`\u0000`\u0000\u0000��\u0000;CREATOR: gd-jpeg v1.0 (using IJG JPEG v62), quality = 75\n��\u0000C\u0000\b\u0006\u0006\u0007\u0006\u0005\b\u0007\u0007\u0007\t\t\b\n\f\u0014\r\f\u000b\u000b\f\u0019\u0012\u0013\u000f\u0014\u001d\u001a\u001f\u001e\u001d\u001a\u001c\u001c $.' \",#\u001c\u001c(7),01444\u001f'9=82<.342��\u0000C\u0001\t\t\t\f\u000b\f\u0018\r\r\u00182!\u001c!22222222222222222222222222222222222222222222222222��\u000" //More data...
}

我的前端已经有一条路由请求上面的文档。但是在使用 <Avatar alt={image.name} src={image.buffer} />该属性时src不会加载图像。

标签： reactjsmongodbimagemongoose