Как отобразить изображение из MySQL с помощью Express

Question

У меня есть sql таблица «животные», где есть изображения с каплями.Я узнал, как загружать изображения, но не как их отображать.

Я хотел бы отобразить изображение, которое называется «Собака», в моей таблице.Вот мой код, где я печатаю результат моего блоба 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 ... >

Есть ли способ отобразить это изображение?Спасибо.

Answer 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