如何显示 JSON 文件对象？

Question

使用 express-fileupload 我有一个文件的 JSON 对象，我存储在我的数据库中。

例如：

{
  name: 'bear.jpg',
  data: <Buffer ff d8 ff e0 00 10 4a 46 49 46 00 01 01 00 00 01 00 01 00 00 ff fe 00 3b 43 52 45 41 54 4f 52 3a 20 67 64 2d 6a 70 65 67 20 76 31 2e 30 20 28 75 73 69 ... 15948 more 
bytes>,
  size: 15998,
  encoding: '7bit',
  tempFilePath: '',
  truncated: false,
  mimetype: 'image/jpeg',
  md5: '7505ae720e82ac3b807b3e39483bebab',
  mv: [Function: mv]
}

我目前正在使用 EJS。

如何在 html 中显示此文件？

我希望是这样的：

<html>
  <body>
    <img src="<%= the-file %>" width="200" height="200">
  </body>
</html>

这不是 Convert buffer data to an image 的副本，因为它查询通用文件和标签的技术（另一个示例可能是带有 <model-viewer> 标签的 .glb 文件）、图像仅作为示例。

Answer 1

<your-tag src="data:<%= file.mimetype %>;base64,<%= file.data.buffer.toString('base64') %>">

应该适用于任何文件类型。

由于 your-tag 可能对应于特定的 file.mimetype，您可以简单地硬编码该类型，例如：

<img src="data:image/jpeg;base64,<%= file.data.buffer.toString('base64') %>">

有用的链接：

不知道为什么以前不能简单地回答这个问题。

如何显示 JSON 文件对象？

How to display a JSON file object?

html

javascript

ejs

express