reactjs - 将来自 URL 的 GIF 存储为对象变量

Question

https://media2.giphy.com/media/JpYdtQifMv3SAsnf8j/giphy.gif?cid=f25c51ea3ef14717fe448ab031d8a047c77d1438043fcca6&rid=giphy.gif

我想从上面的 URL 中提取图像作为对象变量或 BLOB 或任何最好的。

我该怎么做呢 ？

我尝试使用 axios 获取，但它不起作用。

最终目标是稍后将对象上传到 S3 文件夹。

标签： reactjsamazon-s3

Answer 1

你可以在这里使用 fetch 。一些示例列出了如何通过blobbody api加载图像

async function loadData(url) {
  const resp = await fetch(url)
  const data = await resp.blob()
  const imgUrl = URL.createObjectURL(data);
  return imgUrl
}

你可以在哪里设置一个image.src这个网址