如何使用 Express 显示来自 mysql 的图像答案

【问题标题】：How to display an image from mysql using Express如何使用 Express 显示来自 mysql 的图像
【发布时间】：2019-07-14 14:37:27
【问题描述】：

我有一个 sql 表“动物”，其中有 blob 图像。我知道了如何上传图片，但不知道如何显示它们。

我想在我的表格中显示名为“狗”的图像。这是我的代码，我在其中打印我的 blob img 的结果。

let sql = 'SELECT * FROM animals WHERE file_name=\'Dog\''
    connection.query(sql, (err,result) => {
        console.log(result[0].img)

    })

这是我的代码的结果：

<Buffer ff d8 ff e0 00 10 4a 46 49 46 00 01 01 00 00 01 00 01 00 00 ff db 00 84 00 09 06 07 13 12 12 15 13 13 13 16 16 15 15 18 18 17 16 18 15 17 15 17 17 16 ... >

有什么方法可以显示该图片吗？谢谢。

【问题讨论】：

标签： mysql node.js express

【解决方案1】：

您可以使用Fetch API 来获取您网页上的资源。

你可以这样显示图片：

      fetch('http://localhost:1234/your_api')
      .then(function(response) {
           return response.blob();
      })
      .then(function(myBlob) {
           var objectURL = URL.createObjectURL(myBlob); 
           document.querySelector("#databaseimage").src = objectURL;
      });

在 HTML 中：

   <img id="databaseimage"/>

您可以在此处阅读有关Fetch API 的更多信息： https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

【讨论】：