axiosで画像データを取得してbase64に変換したい

Question

下記のソースで実現可能と思っていましたが、
変換したbsae64で画像が表示出来なかったので、
間違っている点や別のアプローチがあればご教授願いたいです。
ExpressでのAPI化を考えています。

router.get('/getImage', async (req, res, next) => {
  const url = 'http://localhost:3000/test.jpg';
  const resp = await axios.get(url, { responseType: 'arrayBuffer' });
  const base64Data = Buffer.from(resp.data, 'binary').toString('base64');
  const prefix = `data:${resp.headers['content-type']};base64,`;
  res.send(`${prefix}${base64Data}`);
})

上記から受け取ったbase64をimgタグのsrcとしましたが表示できませんでした。

Answer 1

arrayBuffer ⇒ arraybuffer

const resp = await axios.get(url, { responseType: 'arraybuffer' }); // ✕arrayBuffer

一応こちらで確認したコードも載せておきます。

const express = require("express")
const axios = require("axios")

const app = express()

app.use(express.static("./public"))

app.listen(8000, () => {
  console.log("Express Server Start.")
})

app.get("/get_image", (req, res) => {
  const url = "http://localhost:8000/sample.png"

  axios
    .get(url, {
      responseType: "arraybuffer"
    })
    .then(response => {
      const base64 = new Buffer(response.data, "binary").toString("base64")
      const prefix = `data:${response.headers["content-type"]};base64,`
      res.send(`<img src=${prefix}${base64} />`)
    })
    .catch(err => {
      res.send("Get Error.")
    })
})

Comments

[he__ta]

まさかのそんなところにミスが・・・
動作確認出来ました！
ありがとうございます。